React EasyUI 单选框

2020-06-24 12:07 更新

单选框( RadioButton )允许用户选择一组选项中的某一项。

属性列表

名称 数据类型 作用描述 默认值
value string, number 绑定到组件的值。 null
groupValue string, number 绑定到组件的一组值。 null
disabled boolean 是否禁用该字段。 false
name string 字段组的名称。 null
inputId string 单选按钮的id属性值。 null

事件列表

名称 参数 作用描述
onChange checked 检查或未选中组件时触发。

注:
- 继承: FieldBase 。

使用方法

{
    this.state.fruits.map(fruit => {
      return (
        <div key={fruit}>
          <RadioButton
            inputId={fruit}
            value={fruit}
            groupValue={this.state.fruit}
            onChange={(checked) => this.handleChange(fruit, checked)}
          />
          <Label htmlFor={fruit} style={{ margin: '0 5px' }}>{fruit}</Label>
        </div>
      )
    })
}
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号