react-bootstrap reactjs覆盖弹出框仅在悬停时触发

Question

我正在研究 react-bootstrap 覆盖弹出框控件。我只希望当鼠标指针悬停在图标上时触发弹出消息。当我点击该图标时，我会看到对话框模式，但我也会看到在我再次点击之前不会隐藏的消息。

这是我的 jsx 代码

<Overlay Trigger placement="top" trigger={"hover"}
  overlay={
    <Popover id={'test'}
      {"test message"}
    </Popover>
  }
</OverlayTrigger>

起初，我没有尝试触发，但点击仍然触发悬停文本。接下来，我添加了 trigger={'hover'}， 想如果我只指定悬停作为触发器，但点击仍然有效并激活悬停文本。

我怎样才能让鼠标悬停成为唯一的触发器而不是点击？点击保留给 onclick 以调出模态框。

谢谢

Answer 1

阅读 react-bootstrap 网页后，我添加了工作代码