Popconfirm在异步关闭的时候点击空白处无反应,这里可以手动设置,让Popconfirm可以点击空白处关闭。
Popconfirm有个API为
onOpenChange | 显示隐藏的回调 |
<Popconfirm
open={open} // 是否开启对话框
title={'111222'} // 对话框内容
onConfirm={confirm} // 点击确认的函数
okText="确认"
cancelText="取消"
icon={false} // 对话框的icon
onOpenChange={visivleChange} // 显示隐藏对话框的回调
onCancel={() => {
setOpen(false);
}} // 点击取消的函数
>
<Button
type="primary"
ghost
onClick={() => {
setOpen(!open);
}}
>
对话框
</Button>
</Popconfirm>
const [open, setOpen] = useState(false); // 是否弹开弹窗
const visivleChange = (visible: boolean ) => {
setOpen(visible)
}
const confirm = () => {
console.log('点了确定要关闭对话框');
setOpen(false);
}
代码不全,没有写import,主要代码为visivleChange