Antd Popover 仅在单击按钮时关闭

【问题标题】：Antd Popover close only when click on a buttonAntd Popover 仅在单击按钮时关闭
【发布时间】：2018-09-23 23:53:41
【问题描述】：

这里是sandbox Antd pop over

正如您在示例中看到的，当您在任意位置单击外侧时，popover 会自动关闭。我想禁用该东西并仅通过单击按钮将其关闭。我在Popover 和Tooltip api 中看不到这样的选项。这可能吗？

【问题讨论】：

标签： popover antd

【解决方案1】：

为此，您需要删除您的 onVisibleChange={this.handleVisibleChange} 方法。您可以在单击按钮时调用this.handleVisibleChange 函数，如下所示：

<Popover
    content={<a onClick={this.hide}>Close</a>}
    title="Title"
    trigger="click"
    visible={this.state.visible}
  >
    <Button onClick={this.handleVisibleChange} type="primary">Click me</Button>
</Popover>

我在codesandbox.io 上创建了一个工作示例。

【讨论】：

非常感谢@Triyugi Narayan Mani
那么如何使用trigger="focus"呢？