title: React js - Ant Design switch changing although Ok button is not pressed
body: <p>Hello I am having a problem here in my switch and by the way I am using Ant Design switch. What I want to happen is when I click the switch a popup should appear first asking if the user wants to switch on or off and when the user click ok the switch should change. </p>
  
  <p>Here is my code </p>
  
  <pre><code>import Modal from 'antd/es/modal';
  import Switch from 'antd/es/switch
  const { confirm } = Modal;
  
  handleOk = () =&gt; {
    confirm ({ 
      title: Are you sure you want to switch on ?
      okText: 'Yes',
      cancelText: 'No',
      onOk() {
        console.log('The switch is now on')
    }
  }
  </code></pre>
  
  <p>And here is my code for switch </p>
  
  <pre><code>&lt;Switch onClick={this.handleOk} /&gt;
  </code></pre>
  
  <p>The output is when I click the switch the popup or modal appear and when I click the Ok button it logs in the console "The switch is now on". My only problem is the switch is moving although I didnt click the Ok button.</p>