title: How to call `e.stopPropagation()` for the `onClick` event with the `react-select` component?
body: <p>I have a component that performs an action when you click anywhere on it, unless you click on certain children components which have there own <code>onClick</code> handlers. Those <code>onClick</code> handlers are able to prevent their parent from doing its standard action, by calling <code>e.stopPropagation</code>. How do I similarly capture and <code>stopPropagation()</code> on the <code>ReactSelect</code> component's <code>onClick</code> event? The normal <code>onClick</code> handler never gets called.</p>
  
  <p>This is basically the setup as described (ES6):</p>
  
  <pre><code>handleMost = e =&gt; { 
    // Note that I cannot check e.target here, because there is a bunch
    // of other stuff that might be the target that still should cause
    // the standard action to occur 
    doStandardThing();
  }
  
  handleFoo = e =&gt; { e.stopPropagation(); doSomethingFoo(); }}
  handleBar = e =&gt; { e.stopPropagation(); doSomethingBar(); }}
  handleBaz = e =&gt; { e.stopPropagation(); doSomethingBaz(); }}
  
  &lt;ListItem onClick={handleMost}&gt;
    &lt;Foo onClick={handleFoo}
    &lt;Bar onClick={handleBar}
    &lt;ReactSelect ?????={handleBaz}
  
    &lt;OtherStuff ...&gt;
  &lt;/ListItem&gt;
  </code></pre>