@beisen/common-func/story/index.js

import React, {
  Component,
  PropTypes
} from 'react'
import {
  render
} from 'react-dom'

import BaseButton from "../lib/index"

class App extends Component {
  constructor() {
    super();
    this.state = {
      BaseData: {
        "bsStyle": "weaken"
          /**按钮类型(string)。参数：
              1.默认:“default”
              2.弱化按钮：“weaken”
              3.连接按钮：“link”
          **/
          ,
        "bsSize": "small"
          /**按钮尺寸(string)。参数：
              1.默认:“default”
              2.小按钮：“small”
              3.块状按钮：“block”
          **/
          ,
        "active": false
          /**是否选中(Boolean)。参数：
              1.默认未选中:false
              2.选中:true
          **/
          ,
        "disabled": false
          /**是否禁用(Boolean)。参数：
              1.默认不禁用:false
              2.禁用:true
          **/
          ,
        "href": "" /**如果该字段有定义且非空，return（<a/>）,否则return（</button>）**/ ,
        "hidden": false //是否显示按钮
          ,
        "title": "测试测试测试" /**显示文本(string)**/ ,
        "maxWidth": "" //最大宽度，默认为"" ,超出后，超出的部分显示...
          ,
        "onClick": function(target,onClick,btnInfo) {
          console.log(target);  //输出e
          console.log(onClick); //输出true
          console.log(btnInfo); //输出this.state
        } /**点击后事件回调**/
      }
    }
  }

  render() {
    return (
      <BaseButton {...this.state.BaseData} />
    )
  }
}
module.exports = App;