title: Ant-design Modal not closing when passing prop to control it
body: <p>I have the following Modal (TestModal) in a separate component:</p>
  <pre><code>&lt;Modal
      title=&quot;title&quot;
      centered={true}
      visible={this.props.isOpen}
      okText=&quot;Close&quot;
      onOk={this.props.onClose}
  &gt;
      Test
  &lt;/Modal&gt;
  </code></pre>
  <p>Then within another component I have this:</p>
  <pre><code>class ModalContainer extends React.Component {
      state = {
          isModalOpen: false,
      }
  
      render() {
          return (
              &lt;div onClick={() =&gt; this.setState({ isModalOpen: true })}&gt;
                  &lt;TestModal isOpen={this.state.isModalOpen} onClose={() =&gt; this.setState({ isModalOpen: false })} /&gt;
              &lt;/div&gt;
          );
      }
  }
  </code></pre>
  <p>Now when I click the container the isOpen prop changes to true and its passed into the Modal which then shows it. Now when I click the isOk button it should close the modal (isModalOpen = false) However nothing happens. When I console.log the value of isModalOpen when I click the &quot;close&quot; button it keeps showing true. For some reason it does not change to false.</p>
  <p>Any idea if its a react issue or antd issue?</p>
  <p>React: 16.13.1
  antd: 4.1.0</p>