防止ant design modal在点击关闭模态外答案

【问题标题】：prevent ant design modal outside clicking closing modal防止ant design modal在点击关闭模态外
【发布时间】：2021-01-21 11:23:45
【问题描述】：

我们使用 react 和 ant design 作为前端技术。我在 ant 设计模式中注意到的一件事。当我们将 onCancel attr 放入模态中时，如下面的代码。这将允许我们通过单击右上角的“X”来关闭模态，但它也允许通过单击模型外的任何位置来关闭模态。有没有办法在保持“X”动作的同时防止这种外部点击动作？提前致谢

            <Modal
            visible={visible}
            title="My modal"
            onOk={handleOk}
            onCancel={closeMyModal}
            className='myModal'
        >

【问题讨论】：

检查 API 以了解此类问题。仔细看，似乎有一个 maskClosable 属性控制它，您可以将其设置为 false。 ant.design/components/modal/#API
@Jayce444 非常感谢。我怎么错过了 API 文档中的设置。

标签： javascript reactjs antd

【解决方案1】：

添加

maskClosable = {false}

防止在单击掩码（模式之外的区域）时关闭模式对话框

<Modal
  visible={visible}
  title="My modal"
  onOk={handleOk}
  onCancel={closeMyModal}
  className='myModal'
  maskClosable={false}
  >

【讨论】：

【解决方案2】：

您需要将属性maskClosable设置为false以防止它

【讨论】：