rat-button

Button

• category: Components
• chinese: 按钮
• type: 表单

按钮用于开始一个即时操作。

Guide

何时使用

标记了一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑。

API

Button

| 参数 | 说明 | 类型 | 默认值 | | --------- | ------------------------------------------------------------------------------------------------------------ | -------- | -------- | | size | 按钮的尺寸可选值:'small', 'medium', 'large' | Enum | 'medium' | | type | 按钮的类型可选值:'primary', 'secondary', 'normal' | Enum | 'normal' | | htmlType | 当 component = 'button' 时，设置 button 标签的 type 值可选值:'submit', 'reset', 'button' | Enum | 'button' | | component | 设置标签类型可选值:'button', 'a' | Enum | 'button' | | loading | 设置按钮的载入状态 | Boolean | false | | text | 是否为文本按钮 | Boolean | false | | warning | 是否为警告按钮 | Boolean | false | | disabled | 是否禁用 | Boolean | false | | onClick | 点击按钮的回调签名:Function(e: Object) => void参数:e: {Object} Event Object | Function | () => {} |

demo

import Button from 'rat-button';

class App extends React.Component {
    // ajax还要tools比较通用，所以从根组件使用context传入，避免props逐层传入
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <div>
        <Button 
          style={{width: 150, height: 50}}
        >
          submit
        </Button>
      </div>
      )
    }
}