title: React-Select custom options array?
body: <p>I'm trying to use <code>react-select</code>, <a href="https://react-select.com/" rel="noreferrer">https://react-select.com/</a>, and the mandatory format for the <code>options</code> prop seems to be <code>{value:something, label:something}</code>.</p>
  
  <p>I have a list of objects with other key,value pairs and <strong>my question is if there is any workaround for me <code>not having to modify the array</code></strong> because if i modify it, it means that the <code>select component</code> will not return an object of the initial array so i will have to map them again.</p>
  
  <pre><code>options = [
      {name: 'opt1', descr:'descr1'},
      {name: 'opt2', descr:'descr2'},
      {name: 'opt3', descr:'descr3'},
  ]
  </code></pre>
  
  <p>In <code>Vue</code> i get to choose the <code>key</code> that will be used as <code>label</code>, for example.</p>
  
  <blockquote>
    <p>Vue:</p>
  </blockquote>
  
  <pre><code>:items="options.name"
  </code></pre>
  
  <blockquote>
    <p>In react i would have to do something like:</p>
  </blockquote>
  
  <pre><code>this.new_options = []
  this.options.forEach(element =&gt; {
      this.new_options.push({
          value : element.name,
          label : element.name,
      })
  })
  </code></pre>
  
  <p>And in Select:</p>
  
  <pre><code>                  &lt;Select
                          name="selectedWires"
                          //closeMenuOnSelect={false}
                          components={makeAnimated()}
                          onChange={this.handleSelectChange('selectedWires')}
                          options={this.new_options}
                          isMulti
                      /&gt;
  </code></pre>