title: stopPropagation on select from AntDesign
body: <p>I have the next application: <a href="https://codesandbox.io/s/compassionate-snow-kjyqv?file=/index.js" rel="nofollow noreferrer">https://codesandbox.io/s/compassionate-snow-kjyqv?file=/index.js</a> <br></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React from "react";
  import ReactDOM from "react-dom";
  import "antd/dist/antd.css";
  import "./index.css";
  import { Select } from "antd";
  
  const { Option } = Select;
  
  function handleChange(value) {
    console.log(`selected ${value}`);
  }
  function click() {
    console.log("click");
  }
  function onMouseEnter(e) {
    e.stopPropagation();
  }
  ReactDOM.render(
    &lt;&gt;
      &lt;div className="click" onClick={click}&gt;
        &lt;Select
          onMouseEnter={onMouseEnter}
          defaultValue="lucy"
          style={{ width: 120 }}
          onChange={handleChange}
        &gt;
          &lt;Option value="jack"&gt;Jack&lt;/Option&gt;
          &lt;Option value="lucy"&gt;Lucy&lt;/Option&gt;
        &lt;/Select&gt;
      &lt;/div&gt;
    &lt;/&gt;,
    document.getElementById("container")
  );</code></pre>
  </div>
  </div>
  </p>
  <p>I want, when user clicks on red area to appear in console the word <code>click</code>, but when user will click on select to open it, the:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>function click() {
    console.log("click");
  }</code></pre>
  </div>
  </div>
  </p>
  <p>shouldn't work, this is why i inserted:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>function onMouseEnter(e) {
    e.stopPropagation();
  }</code></pre>
  </div>
  </div>
  </p>
  <p>..but anyway the stopPropagation does not work and when i clicks on select the above function also work.
  <br>Question: How to create the next scenario?: -- when user clic kson red area to apply <code>console.log('work')</code>, but when will click on select the console.log should not be visible.</p>