radio-blog-6.js

class RadioGroup extends React.Component {
   static childContextTypes = {
      radioGroup: PropTypes.shape({
         onChange: PropTypes.function,
         value: PropTypes.string,
         name: PropTypes.string
      })
   };
   getChildContext() {
      return {
         radioGroup: {
            onChange: this.handleChange,
            value: this.props.value,
            name: this.props.name
         }
      };
   }

   render() {}
}

class RadioOption extends React.Component {
   static contextTypes = {
      radioGroup: {
         onChange: this.handleChange,
         value: this.props.value,
         name: this.props.name
      }
   };

   render() {
      return (
         <input
            name={this.context.radioGroup.name}
            checked={this.context.radioGroup.value === this.props.value}
            onChange={this.context.radioGroup.onChange}
         />
      );
   }
}