Javascript Antd模式,单击Mask不执行任何操作
因此,默认情况下,当用户单击Modal外部的maskarea时,Antd Modal将触发Modal的onCancel属性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
但是我想要的是,当用户点击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函数。