Radio单选框

author: 闫申申

定义

单选框组件

图片展示

Radio 单选框 - 图1

代码演示

  1. import Form from 'pile/dist/components/form'
  2. const {Radio} = Form
  3. const _Radio = React.createClass({
  4. getInitialState() {
  5. return {
  6. radio1 : 1
  7. }
  8. },
  9. render() {
  10. let {radio1} = this.state
  11. return (
  12. <div className="dis-inline">
  13. <Radio defaultChecked = {radio1 == 1} back={(o)=>{this.setState({radio1 : 1})}} label="选项一"/>
  14. <Radio defaultChecked = {radio1 == 2} back={(o)=>{this.setState({radio1 : 2})}} label="选项二"/>
  15. </div>
  16. )
  17. }
  18. })

属性

参数 描述 数据类型 默认值
defaultChecked 初始是否选中 Boolean false
disabled 是否可以选择 Boolean true
back 点选后的回调 function
label 标签 string

原文: https://didi.github.io/pile.js/docs/2017/08/develop-components-form-radio.html