onchange event on react select trigger only by clicking
<p>i have an <code>&lt;select&gt;</code> in my react app</p>

<pre><code>&lt;select onChange={ e=&gt;{this.setState({selectedValue:e.target.value})} }&gt;
    {this.state.someArr.map( val =&gt; &lt;option value={val}&gt; something &lt;/option&gt;) }
&lt;/select&gt;
</code></pre>

<p>now if <code>someArr</code> in the state changes , it cause the new options rendered inside select element<br>
but <code>onchange</code> not triggered and <code>selectedValue</code> inside the state remains untouched<br>
how can i overcome this issue? i want new value to set automatically</p>

<p><a href="http://jsbin.com/pusoma/edit?js,output" rel="nofollow">HERE IS JSBIN</a></p>