title: Alter how many options in a select field are rendered in React
body: <p>I have a select field with a bunch of options:</p>
  
  <pre><code>&lt;select&gt;
     &lt;option&gt;1&lt;/option&gt;
     &lt;option&gt;2&lt;/option&gt;
     &lt;option&gt;3&lt;/option&gt;
     &lt;option&gt;4&lt;/option&gt;
     &lt;option&gt;5&lt;/option&gt;
     &lt;option&gt;6&lt;/option&gt;
     &lt;option&gt;7&lt;/option&gt;
     &lt;option&gt;8&lt;/option&gt;
     &lt;option&gt;9&lt;/option&gt;
     &lt;option&gt;10&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I am using React, and because of a lack of height available on my page, I want to restrict my select field so that when a user clicks it, not all 10 options are seen, only 5.</p>
  
  <p>I have looked at and tried <a href="https://stackoverflow.com/a/23534569/4637110">this answer</a> and using camelcase versions of the attributes mentioned (onBlur, onFocus) etc, but this is not effective in React, returning console errors.</p>