title: How to set placeholder for dropdown in react js?
body: <pre><code>&lt;select&gt;
       &lt;option selected disabled&gt;Select&lt;/option
  </code></pre>
  
  <p>I added an extra option with a disabled property, but this gives me the following warning: </p>
  
  <blockquote>
    <p>Use the <code>defaultValue</code> or <code>value</code> props on select instead of setting
    <code>selected</code> on option.</p>
  </blockquote>
  
  <pre><code>&lt;select&gt;
      {this.props.optionarray.map(function(e){
          return &lt;option 
                     value={e[self.props.unique]} 
                     key={e[self.props.unique]}
                 &gt;
                     {e[self.props.name]}
                 &lt;/option&gt;
      })}
  &lt;/select&gt;
  </code></pre>
  
  <p><code>optionarray</code> is an <code>array</code> which is passed through <code>props</code> to be mapped on each index which has an <code>object</code> and I pass the key through <code>props</code> as well which was in the array. Everything is working here, it's just showing me the warning that I mentioned above. </p>
  
  <p>How do I remove that or how do I set a perfect placeholder for a dropdown in react?</p>