防止 ant design 模态点击关闭模态之外

Kuk*_*uku 5 javascript reactjs antd

我们使用 React 和 Ant Design 作为前端技术。我在 Ant Design 模式中注意到一件事。当我们在模态中添加 onCancel attr 时,如下面的代码所示。这将允许我们通过单击右上角的“X”来关闭模态,但它也允许通过单击模型外部的任何位置来关闭模态。有没有办法在保持“X”操作的同时防止这种外部点击操作?提前致谢

            <Modal
            visible={visible}
            title="My modal"
            onOk={handleOk}
            onCancel={closeMyModal}
            className='myModal'
        >
Run Code Online (Sandbox Code Playgroud)

小智 22

添加

maskClosable = {false}
Run Code Online (Sandbox Code Playgroud)

防止单击蒙版(模态之外的区域)时关闭模态对话框

<Modal
  visible={visible}
  title="My modal"
  onOk={handleOk}
  onCancel={closeMyModal}
  className='myModal'
  maskClosable={false}
  >
Run Code Online (Sandbox Code Playgroud)