Javascript Antd Popover在Popover内部单击关闭

这是一本书

默认情况下，只要单击“Popover”窗口外的任何位置，Popover就会关闭。我还想让popover在你点击popover中的任何内容时关闭

我见过一些例子，其中在类中调用并呈现popover，如。当他们使用状态来控制可见性时，在内容中，他们可以使用onClick={this.hide}在您单击该内容时关闭窗口

我希望将popover保存在一个函数中，并将Links作为自己的函数，它只返回一个链接列表

例如，我尝试使用react useState和onBlur来实现我想要的结果，如。在这个沙箱中，如果您查看控制台日志，则永远不会单击链接中的链接

这有可能与antd popover一起使用吗

---

编辑：我更喜欢一种解决方案，它不会将任何内容从带有popover的函数传递到生成链接的函数。

尝试与

链接
组件共享
可见的
状态：

function Links({ setShow }) {
  return (
    <div
      onClick={e => {
        e.preventDefault();
        setShow(false);
      }}
      onBlur={() => {
        setShow(false);
      }}
    >
      <a href="j">Then click here</a>
    </div>
  );
}

函数链接（{setShow}）{
返回(
{
e、 预防默认值（）；
设置显示（假）；
}}
onBlur={（）=>{
设置显示（假）；
}}
>
);
}

谢谢你的回答！我突然想到了这样的事情。但在我的项目中，链接首先被调用，然后被传递到popover函数中，不管怎样，现在。所以我更喜欢一个解决方案，它不传递任何东西，从带有popover的函数到带有链接的函数。