title: React Select mapping issue
body: <p>I'm using <a href="https://github.com/JedWatson/react-select" rel="nofollow noreferrer">react-select</a> in my project and I'm using it within a <code>map</code> like that:</p>
  
  <pre><code>renderItems() {
    this.props.items.map(item =&gt; (
      &lt;Select
        id="options"
        value={this.state.optionSelected}
        onChange={this.onChangeOption}
        options={this.showOptions()}
      /&gt;
    );
  }
  </code></pre>
  
  <p>It show correctly all my options for all my items but now I can not get rid about the select...</p>
  
  <p>Basically when I select an option on a single item, that option is changing for all items...</p>
  
  <p>This is what i did so far:</p>
  
  <pre><code>onChangeOption(e) {
    this.setState({ optionSelected: e.value });
  }
  </code></pre>
  
  <p>How can I adjust it to change the option only on the one I wish to change it?</p>
  
  <p>Thanks</p>