Antd Popover 仅在单击按钮时关闭

Question

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

Answer 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 上创建了一个工作示例。

Antd Popover 仅在单击按钮时关闭

Antd Popover close only when click on a button

popover

antd