请选择 进入手机版 | 继续访问电脑版
MSIPO技术圈 首页 IT技术 查看内容

antd-React Popover 点击空白不隐藏

2023-07-13

1.问题原因:自己写的点击事件把默认事件覆盖掉了,所以点击会不生效

2.解决方案:给按钮在添加一个焦点事件即可,当失去焦点的时候取反
3.代码如下

  const [closeVisible, setCloseVisible] = useState(false);
              <Popover content={content} placement="bottom" trigger="click" visible={closeVisible}>
                <Button
                  type={"primary"}
                  onBlur={()=>setCloseVisible(!closeVisible)}
                  onClick={()=>setCloseVisible(!closeVisible)}
                  >新建
                </Button>
              </Popover>

4.效果展示

在这里插入图片描述

相关阅读

手机版|MSIPO技术圈 皖ICP备19022944号-2

Copyright © 2023, msipo.com

返回顶部