react-beautiful-radio

• Created By ancf - (博客地址)[https://kafeihaoka.github.io/myBlog.html#/welcome]

• react-beautiful-radio 为一款基于react实现的radio组件。

DEMO示例地址：https://kafeihaoka.github.io/react-beautiful-radio/

安装依赖

npm i react-beautiful-radio -S

API 介绍

| Property | Description | Type | Default | | --- | --- | --- | --- | | checked | 是否选中 | bool | false | | disabled | 是否禁用 | bool | false | | value | 描述文本 | string | - | | onClick | 点击事件 | function(e){} | - |

用法示例

import BeautyRadio from "react-beautiful-radio";

class RadioDemo extends React.Component {
      state = {
        checked : true
      };

    handleChange = () => {
        this.setState({
            checked: !this.state.checked
        })
    }

  render() {
    const { checked } = this.state;
    return (
      <div>
        <BeautyRadio
          checked={checked}
          value={'apple'}
          onClick={this.handleChange}
        />
      </div>
    );
  }
}

ReactDOM.render(<RadioDemo />, mountNode);

相关资料

• react component radio react-beautiful-radio