Antd Popover закрывается только при нажатии на кнопку

Question

Вот песочница и всплывающее окно с надписью

Как вы можете видеть в примере, когда вы щелкаете мышью в любом месте, popover автоматически закрывается.Я хочу отключить эту вещь и закрыть ее только нажатием на кнопку.Я не вижу таких опций в 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>

Я создал рабочий пример для codesandbox.io .