SelectGuide.js

export class SelectGuide extends Component {
  state = {
    value: 'Initial message',
    text: 'Initial'
  }
  render() {
    return (
      <React.Fragment>
        <p>
          The Select component requires that you also import the Option
          component to nest inside of it for each option. It takes an onSelect
          prop.
        </p>
        <Select
          selection={{ value: this.state.value, text: this.state.text }}
          onSelect={this.handleSelect}>
          <Option key="1" value="1" text="Selection 1" />
          <Option key="2" value="2" text="Selection 2" />
          <Option key="3" value="3" text="Selection 3" />
        </Select>
      </React.Fragment>
    )
  }
  handleSelect = evt => {
    this.setState({
      value: evt.target.dataset.value,
      text: evt.target.dataset.text
    })
  }
}