React EasyUI 單選框

2020-06-24 12:07 更新

單選框( RadioButton )允許用戶選擇一組選項(xiàng)中的某一項(xiàng)。

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
value string, number 綁定到組件的值。 null
groupValue string, number 綁定到組件的一組值。 null
disabled boolean 是否禁用該字段。 false
name string 字段組的名稱。 null
inputId string 單選按鈕的id屬性值。 null

事件列表

名稱 參數(shù) 作用描述
onChange checked 檢查或未選中組件時(shí)觸發(fā)。

注:
- 繼承: FieldBase 。

使用方法

  1. {
  2. this.state.fruits.map(fruit => {
  3. return (
  4. <div key={fruit}>
  5. <RadioButton
  6. inputId={fruit}
  7. value={fruit}
  8. groupValue={this.state.fruit}
  9. onChange={(checked) => this.handleChange(fruit, checked)}
  10. />
  11. <Label htmlFor={fruit} style={{ margin: '0 5px' }}>{fruit}</Label>
  12. </div>
  13. )
  14. })
  15. }
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)