React EasyUI 单选框
单选框（ 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>
)
})
}