form.jsx

import GridSelector from './grid-selector'
class Form extends React.Component
  render() {
    return (
     <GridSelector 
        options={this.state.ageGroupOptions}
        title='Age Groups?'
        childClass='child'
        wrapperClass='wrapper'
        toggleClass='toggle'
        handleSelect={this.handleSelect}
      />
    )
  }
}

grid-selector.js

export default class GridSelector extends Component {
  render() {
    return(
      <div>
        {this.props.title}
        <div className={this.props.wrapperClass}>
          {this.props.options.map((option, index) => {
            console.log(option);
            return (
              <div
                className={this.props.childClass + option.selected ? this.props.toggleClass : ''}
                onClick={(e) => this.props.handleSelect(option, index)}
              >
                {option.label}
              </div>
              )
          })}
        </div>
    </div>
    )
  }
  
}