title: How can I work with just values in react-select onChange event and value prop?
body: <p>I try to use react-select in my reactjs app, but I have a problem with the onChange event. onChange is supposed to send two arguments. The first is supposed to be the selected value, but instead of the selected value, the whole option item is passed as the selected value.</p>
  
  <p>For instance</p>
  
  <ul>
  <li>I have an array of option items like <code>options=[{ id: '1', name: 'A'},{ id: '2', name:'B'}]</code></li>
  <li>I set <code>getOptionValue = (i) =&gt; i.id;</code> and <code>getOptionLabel = (i)=&gt;i.name;</code></li>
  <li>When select the second item <code>onChange(value)</code> is passed the second option as the <code>value</code> argument (<code>{id:'2',name:'B'}</code>) instead of the value of the second option (<code>'2'</code>).</li>
  </ul>
  
  <p>This behavior is inconsistent with most input components out there. I would expect <code>onChange</code> to be passed the value of the item, and for the item itself I would expect another event like <code>onItemSelected</code> or something like that.</p>
  
  <p>Also, when I set <code>value={'2'}</code> (controlled component), the component doesn't show the selected item.</p>
  
  <p>I must say that I use AsyncSelect with loadOptions.</p>
  
  <p>How can I make it work with just simple values, instead of option objects?</p>
  
  <p>If this can't happen I have to abandon react-select for another similar component.</p>