title: React <select>'s <option> is not working at onClick
body: <p>I need a function at every  here is it.
  i want to access option value.</p>
  <pre><code> const region = ['Africa','America','Asia','Europe','Oceania'];
      &lt;div className=&quot;options&quot;&gt;
                  &lt;select&gt;
                  &lt;option&gt;Select a Region&lt;/option&gt;
                {region.map((nameOfRegion) =&gt; {
                 return &lt;option onClick={() =&gt; requestRegion(nameOfRegion)}&gt;
                 {nameOfRegion}
                 &lt;/option&gt;
                })}
              &lt;/select&gt;
  </code></pre>
  <p>this function is not logging options</p>
  <pre><code>const requestRegion = (region) =&gt; {
      console.log(region)
  }
  </code></pre>