title: React - image in <select>
body: <p>I wanted to display some country list in React.js.</p>
  
  <pre><code>&lt;select&gt;
        &lt;option&gt;&lt;img src={require('../images/flags/en.png')} /&gt; English&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Path and require are definitely correct, if I put that image outside of select - it displays <strong>correctly</strong></p>
  
  <p>Firstly, it displayed <strong>[object Object] English</strong> instead of displaying flag image. There was also an error in console: <em>index.js:1 Warning: Only strings and numbers are supported as  children</em></p>
  
  <p>I was looking for a solution using react-select but if it's achievable without that, I'd love to solve that using just plain   tags.</p>