title: How to invoke onChange for radio button using react-bootstrap?
body: <p>I cannot find documentation on how to invoke onChange for radio buttons using react-bootstrap. I left out the button which submits the form. It works with every other field, like text inputs, so I left that out.</p>
  
  <p>For each, teacherRate and overallRate, each radio button has a value of 1, 2, 3 but I am not sure how to tie that in. </p>
  
  <p>I also know that I cannot have the values be the same for each category. </p>
  
  <p>I am not looking to do Button Groups. </p>
  
  <p>I looked online for similar answers but cannot find any. There was one person who posted their problem like mine but answered later saying he implemented react-bootstrap but did not post his solution. I cannot reply as I do not have enough points.</p>
  
  <pre><code>    class Assignment extends Component {
  
        constructor(props){
          super(props)
          this.state = {
            form: {
              teacherRate: '',
              overallRate: ''
            }
          }
        }
  
        handleChange(event){
          const formState = Object.assign({}, this.state.form)
          formState[event.target.name] = event.target.value
          this.setState({form: formState})
        }
  
        render() {
          return (
            &lt;Grid&gt;
              &lt;form&gt;
  
                &lt;FormGroup&gt;
                  &lt;ControlLabel id='adminRate'&gt;Rate the Teacher&lt;/ControlLabel&gt;
                    &lt;Radio name='adminRate' type='integer' inline
                      onChange={this.handleChange.bind(this)}
                      value={this.state.form.adminRate}&gt;1&lt;/Radio&gt;{' '}
                    &lt;Radio name='adminRate' type='integer' inline
                      onChange={this.handleChange.bind(this)}
                      value={this.state.form.adminRate}&gt;2&lt;/Radio&gt;{' '}
                    &lt;Radio name='adminRate' type='integer' inline
                      onChange={this.handleChange.bind(this)}
                      value={this.state.form.adminRate}&gt;3&lt;/Radio&gt;{' '}
                &lt;/FormGroup&gt;
  
                &lt;FormGroup&gt;
                  &lt;ControlLabel id='adminRate'&gt;Overall Rating&lt;/ControlLabel&gt;
                    &lt;Radio name='adminRate' type='integer' inline
                      onChange={this.handleChange.bind(this)}
                      value={this.state.form.adminRate}&gt;1&lt;/Radio&gt;{' '}
                    &lt;Radio name='adminRate' type='integer' inline
                      onChange={this.handleChange.bind(this)}
                      value={this.state.form.adminRate}&gt;2&lt;/Radio&gt;{' '}
                    &lt;Radio name='adminRate' type='integer' inline
                      onChange={this.handleChange.bind(this)}
                      value={this.state.form.adminRate}&gt;3&lt;/Radio&gt;{' '}
                &lt;/FormGroup&gt;
              &lt;/form&gt;
            &lt;/Grid&gt;
          );
        }
      }
  </code></pre>