title: <span> cannot appear as a child of <select> in react
body: <p>I have created a select dropdown component, which I am using in a redux-form in a react-redux app. The dropdown works great, and I have no impact to performance, but in the browser I receive the following warning.</p>
  
  <p><code>Warning: validateDOMNesting(...): &lt;span&gt; cannot appear as a child of &lt;select&gt;.</code></p>
  
  <p>I am not sure why I recieve this error, as I am not passing in any <code>&lt;span&gt;</code> elements. Here is the code I am using to create the select dropdown (options is an array of object that contains each option's attributes. option.text is a string value that will be viewed by the user. so it could be something like 'Option 1' or 'Option 2'.)</p>
  
  <pre><code>return (
    &lt;select {...other}&gt;
    &lt;option /&gt; {
      options.map((option) =&gt; {
        return &lt;option key={option.value} value={option.value}&gt;{option.text}&lt;/option&gt;
      })
    } &lt;/select&gt;
  )
  </code></pre>
  
  <p>Any ideas on why I would be receiving this warning, and how I can rectify this. I am using react 0.14.3</p>