阅读(4829) (0)

React EasyUI 单选框

2020-06-24 09:23:49 更新

单选框( 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>
      )
    })
}