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

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

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

Answer 3

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

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

3 个答案: