单选按钮在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>

code not working..unable to set the state using this code

Answer 1

In your state define a gender object:

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

You set a boolean value in the radio 'value' field. Should be just: value={this.state.gender.male}

And the onChange should be in your Radio tag too.

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