Antd Modal，点击Mask不做任何事情

Question

所以默认情况下，当用户点击蒙版（模态之外的区域）时，Antd Modal 会触发 Modal 的 onCancel 属性。

但是我想要的是当用户单击掩码时程序不触发任何内容（只需关闭模态而不更改任何内容），因为我在 onCancel 中有自己的函数。我如何做到这一点？提前致谢！

Answer 1

将 maskClosable 属性设置为 false。文档页面；https://ant.design/components/modal/

Answer 2

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

      <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 3

一种选择是使用可用按钮（取消和确定）保持控制，并使用 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>

现在，在模态窗口外部单击将不会触发任何内容。