React radio input not checking
<p>I have a simple form which has a couple of radio buttons that aren't checking. Each button has a change event attached, but still nothing changes. What can I do to not only capture their data, but signify that the input is selected?</p>

<p><strong>The form</strong></p>

<pre><code>FormComponent = React.createClass({

  propTypes: {
    label: React.PropTypes.string,
    onChange: React.PropTypes.func
  },

  handleEvent(e) {
    let {onChange} = this.props;
    console.log(e);
  },

  render() {
    const {label} = this.props;
    return (
      &lt;form className="lm-widget__form lm-flex-row"&gt;
        &lt;fieldset className="lm-flex-row__column lm-h-flex-50"&gt;
          &lt;RadioSet group='radio-group'
                    label={label}
                    radios={[
                      {
                        value: 'new',
                        checked: true,
                        changeEvent: this.handleEvent,
                        text: 'radio one'
                      },
                      {
                        value: 'old',
                        checked: false,
                        changeEvent: this.handleEvent,
                        text: 'radio two'
                      }
                    ]}
          /&gt;
        &lt;/fieldset&gt;
      &lt;/form&gt;
    )
  }

});
</code></pre>

<p><strong>The radio buttons</strong></p>

<pre><code>RadioSet = React.createClass({
  propTypes: {
    group: React.PropTypes.string.isRequired,
    label: React.PropTypes.string,
    radios: React.PropTypes.arrayOf(
      React.PropTypes.shape({
        value: React.PropTypes.string.isRequired,
        checked: React.PropTypes.bool.isRequired,
        changeEvent: React.PropTypes.func.isRequired,
        text: React.PropTypes.string.isRequired
      })
    ).isRequired
  },

  render: function () {
    const {group, label, radios} = this.props;
    const self = this;

    if (label) {
      return(
        &lt;div className="lm-widget-form__label"&gt;
          &lt;div className="small"&gt;{label}&lt;/div&gt;
          &lt;div className="segment-controls"&gt;
            {radios.map(function(radio, i){
              return (
                &lt;div key={i} className="segment-controls__group-item"&gt;
                  &lt;input type="radio"
                          name={self.props.group}
                          className="segment-controls__button"
                          id={`radio-${i}`}
                          value={radio.value}
                          checked={radio.checked}
                          onChange={radio.changeEvent}
                  /&gt;

                  &lt;label htmlFor={`radio-${i}`}
                         className="segment-controls__label"&gt;

                       &lt;span className="segment-controls__label-text"&gt;
                             {radio.text}
                       &lt;/span&gt;

                  &lt;/label&gt;
                &lt;/div&gt;
              );
            })
            }
          &lt;/div&gt;
        &lt;/div&gt;
      )
    }
    else {
      return (
        &lt;div className="segment-controls"&gt;
          {this.props.radios.map(function(radio, i){
            return (
              &lt;div key={radio.value} className="segment-controls__group-item"&gt;
                &lt;input type="radio"
                        name={self.props.group}
                        className="segment-controls__button"
                        id={`radio-${i}`}
                        value={radio.value}
                        checked={radio.checked}
                        onChange={radio.changeEvent}
                /&gt;

                &lt;label htmlFor={`radio-${i}`}
                       className="segment-controls__label"&gt;

                     &lt;span className="segment-controls__label-text"&gt;
                           {radio.text}
                     &lt;/span&gt;

                &lt;/label&gt;
              &lt;/div&gt;
            );
          })
          }
        &lt;/div&gt;
      );
    }
  }
});
</code></pre>