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.效果展示