title: React Select - setState of prop
body: <p>I am trying to set the state of my brandSelect prop in ReactJS using <a href="https://github.com/JedWatson/react-select" rel="nofollow">React Select</a> however I am confused to how this can be done?</p>
  
  <p>Here is my current code:</p>
  
  <pre><code>class VehicleSelect extends React.Component {
  
    constructor(props) {
      super(props);
  
      this.state = { brandSelect: ""};
  
    }
    render() {
      var options = [
      { value: 'Volkswagen', label: 'Volkswagen' },
      { value: 'Seat', label: 'Seat' }
      ];
  
  
      return (
        &lt;Select
            name="form-field-name"
            value={this.state.brandSelect}
            options={options}
            placeholder="Select a brand"
            searchable={false}
            onChange={}
        /&gt;
      )
    }
  };
  </code></pre>
  
  <p>When the option is selected I want the state to be set as the option chosen.</p>
  
  <p>Does anybody know how this is done with React Select as the documentation doesn't really cover this? So far I have tried making a function with a set state attached to the onChange prop however this didn't work.</p>