單選按鈕在reactjs中不起作用

Question

<FormGroup controlId="gender">
  <ControlLabel>Gender</ControlLabel>
  <br />
  <Radio
    name="radioGroup"
    type="radio"
    inline
    value={this.state.gender === "male"}
  >
    onChange={this.handleChange}
    Male
  </Radio>
  <Radio
    name="radioGroup"
    type="radio"
    inline
    value={this.state.gender === "female"}
  >
    onChange={this.handleChange}
    Female
  </Radio>
</FormGroup>

代碼不起作用..無法使用此代碼設置狀態

Answer 1

在您的狀態中定義性別對象：

this.state = {
  gender: {
    male: 'male',
    female: 'female'
  }     
}

您可以在單選“值”字段中設置布爾值。 應該只是：value = {this.state.gender.male}

並且onChange也應該在您的Radio標簽中。

<Radio name="radioGroup" 
       inline 
       value={this.state.gender.male}
       onChange={this.handleChange}
>
</Radio>