Antd Popover 仅在单击按钮时关闭

Question

这是沙箱 Antd 弹出

正如您在示例中看到的，当您单击任意位置的外侧时，弹出框会自动关闭。我想禁用那个东西并只通过点击一个按钮来关闭它。我在Popover和Tooltip apis 中没有看到这样的选项。这可能吗？

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>

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