title: Semantic UI React - do not trigger onChange while dropdown option list is still open
body: <p>I have a dropdown in semantic on ReactJS and I want to trigger the <code>onChange</code> event only when a user really selects an option, and not when the list of options is still displayed. </p>
  
  <p>Let me explain:</p>
  
  <p>The dropdown is created like this:</p>
  
  <pre><code>&lt;Dropdown
    placeholder='Select language'
    fluid
    search
    selection
    options={options}
    onChange={...}
  /&gt;
  </code></pre>
  
  <p>Which displays like this:</p>
  
  <p><a href="https://i.stack.imgur.com/YFflQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YFflQ.png" alt="enter image description here"></a></p>
  
  <p>When you click on it, it opens (drops down?) the list of options:</p>
  
  <p><a href="https://i.stack.imgur.com/myYQr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/myYQr.png" alt="enter image description here"></a> </p>
  
  <p>The problem is that, when you use the down arrows to go to the desired option, <strong>it triggers <code>onChange</code> every time you press the down arrow.</strong> In this case, to reach <code>Aragones</code>, it triggers the <code>onChange</code> 4 times.</p>
  
  <p><a href="https://i.stack.imgur.com/YRbdt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YRbdt.png" alt="enter image description here"></a></p>
  
  <p><strong>I want to trigger the onChange only when the list of options gets closed</strong>, and not the 3 previous times, where the user didn't mean to select any value: </p>
  
  <p><a href="https://i.stack.imgur.com/enwNc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/enwNc.png" alt="enter image description here"></a></p>
  
  <p>Intuitively for me, the user only wants to select the value when he pressed enter, or clicked in the option, or clicked outside the options to close the option list. Otherwise she is just browsing around. But I wouldn't want to write individual listeners for all these cases. </p>
  
  <p><strong>In my case, selecting an option has a lot of consequences, so I want to know when the user really wants to do this. How can I do this?</strong></p>
  
  <p>As an alternative, can I listen to show or hide events for the option list? or ask in the <code>onChange</code> if the option list is shown or hidden?</p>
  
  <p>Thanks!</p>