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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值