title: React-select does not show the selected value in the field
body: <p>i have a react-select component which i define like this:</p>
  
  <pre><code>&lt;Select
              id="portf"
              options={opts}
              onChange={value =&gt; portfolioSelector(value)}
              placeholder="Select Portfolio"
            /&gt;
  </code></pre>
  
  <p>with <code>opts = [{label: any, value:1}, {label:Two, value:2}]</code>. </p>
  
  <p>The values when selected are stored in the state via <code>portfolioSelector</code> function. The problem is that when i select a value it wasn't show in the select field. My main component is this:</p>
  
  <pre><code>const PortfolioSelector = ({
    opts,
    portfolioSelector
  }) =&gt; {
    if (opts) {
      return (
        &lt;div className="portfolio select-box"&gt;
          &lt;label htmlFor="selectBox" className="select-box__label"&gt;
          Portfolio
          &lt;/label&gt;
          &lt;div className="select-box__container"&gt;
            &lt;Select
              id="portf"
              options={opts}
              onChange={value =&gt; portfolioSelector(value)}
              placeholder="Select Portfolio"
            /&gt;
          &lt;/div&gt;
          &lt;div className="separator" /&gt;
        &lt;/div&gt;
      );
    }
    return (
      &lt;div&gt;Loading&lt;/div&gt;
    );
  };
  </code></pre>
  
  <p>Do you know why?</p>