Bootstrap

react+antd Popconfirm 使用异步关闭设置点击空白处关闭

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

;