React EasyUI 單選框

2020-06-24 12:07 更新

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

屬性列表

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

事件列表

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

注:
- 繼承: 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>
      )
    })
}
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號