如何在Popover中使用自动完成功能

Question

正如问题所暗示的，我想在Popover组件的内容中使用自动完成组件。问题是当我单击自动完成组件显示的其中一个项目时，弹出窗口关闭，当我希望它保持打开时（它似乎将自动完成列表中的单击识别为弹出窗口外）。有一个简单的方法吗？我使用类似下面的代码。

const content = (
  <Form onSubmit={this.doSomething}>
    <FormItem>
      <Autocomplete />
    </FormItem>
    <FormItem>
      <Button htmlType="submit">
        Do It
      </Button>
    </FormItem>
  </Form>
);

...

handleVisibleChange = (visible) => {
  this.setState({ visible });
}

...

<Popover
  content={content}
  trigger="click"
  visible={this.state.visible}
  onVisibleChange={this.handleVisibleChange}>
    <a>Click me!</a>
</Popover>

我考虑过扩展Popover组件，然后覆盖它的onClick事件，但我不知道如何检查点击是否在组件内部或它的子组件中。这是一种有效的方法吗？

提前致谢！