Antd Modal，单击“蒙版”不执行任何操作

Question

因此，默认情况下，当用户单击蒙版（模态之外的区域）时，Antd Modal将触发Modal的onCancel属性。但是我想要的是该程序在用户单击蒙版时不触发任何东西（只需关闭模态而不更改任何内容），因为我在onCancel中具有自己的功能。我该怎么做？提前致谢！

Answer 1

如此简单，您可以在模态：D上删除onCancel行

      <Modal

          title="Basic Modal"

          visible={this.state.visible}

          onOk={this.handleOk}

          //onCancel={this.handleCancel}

        >

          <p>Some contents...</p>

          <p>Some contents...</p>

          <p>Some contents...</p>

       </Modal>

Answer 2

一种选择是保持对可用按钮的控制（cancel和ok），并在使用maskClosable = {false}单击蒙版时阻止任何操作。

<Modal

      title="Basic Modal"

      visible={this.state.visible}

      onOk={this.handleOk}

      onCancel={this.handleCancel}

      maskClosable={false}

    >

      <p>Some contents...</p>

      <p>Some contents...</p>

      <p>Some contents...</p>

</Modal>

现在，在模式窗口外单击将不会触发任何操作。