Antd Popover仅在单击按钮时关闭

时间:2018-09-23 23:53:41

标签: popover antd

这里是sandbox Antd pop over

如您在示例中看到的那样,当您在任意位置单击侧面时,popover自动关闭。我想禁用该功能,仅通过单击按钮将其关闭。 我在PopoverTooltip API中看不到这些选项。 这可能吗?

1 个答案:

答案 0 :(得分: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上创建了一个工作示例。