radio-blog-8.js

class RadioGroup extends React.Component {
   getOptionProps = () => ({
      name: this.props.name,
      value: this.props.value,
      onChange: this.handleChange
   });

   render() {
      return this.props.children({
         getOptionProps: this.getOptionProps
      });
   }
}

class UIComponent extends React.Component {
  handleChange = event => {};

  render() {
    return (
      <RadioGroup
        name="size"
        value={this.props.tshirt.value}
        onChange={this.handleChange}
      >
        {({ getOptionProps }) => (
          <React.Fragment>
            <RadioOption {...getOptionProps()} value="m">
              M
            </RadioOption>
            {/* two more of these with the respective props */}
          </React.Fragment>
        )}
      </RadioGroup>
    );
  }
}