Javascript Antd模式,单击Mask不执行任何操作

Javascript Antd模式,单击Mask不执行任何操作,javascript,reactjs,antd,Javascript,Reactjs,Antd,因此,默认情况下,当用户单击Modal外部的maskarea时,Antd Modal将触发Modal的onCancel属性 但是我想要的是,当用户点击mask时,程序不会触发任何东西,只需关闭模式,不做任何更改,因为onCancel中有我自己的函数。我怎么做到的?提前谢谢 将maskClosable属性设置为false。文件页 很简单,你可以在你的modal:D上删除onCancel行 一些内容 一些内容 一些内容 一个选项是使用可用的按钮cancel和ok保持控制,并在使用maskClosa

因此,默认情况下,当用户单击Modal外部的maskarea时,Antd Modal将触发Modal的onCancel属性


但是我想要的是,当用户点击mask时,程序不会触发任何东西,只需关闭模式,不做任何更改,因为onCancel中有我自己的函数。我怎么做到的?提前谢谢

将maskClosable属性设置为false。文件页

很简单,你可以在你的modal:D上删除onCancel行

一些内容

一些内容

一些内容


一个选项是使用可用的按钮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>

现在,在模式窗口外单击不会触发任何事件。

将maskClosable设置为false将使模式在单击遮罩时无法关闭。我想做的是通过单击掩码使其可关闭,并执行一个空白函数,而不是触发onCancel prophmm,如果它满足您的需要,您可以禁用默认的页脚,方法是将页脚prop设置为null,并放置您自己的取消按钮,在该按钮中,您可以指定不同的onClick函数,然后是Modal的onCancel prop。但关闭图标“x”并单击掩码将触发onCancel函数。