antd-React Popover 点击空白不隐藏

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

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

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

4.效果展示

在这里插入图片描述


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部