react-bootstrap reactjs仅在悬停时覆盖popover触发器

Question

我正在研究react-bootstrap叠加弹出式控件。我只希望当鼠标指针悬停在图标上时触发弹出消息。当我单击该图标时，我得到了对话框模态，但是我还得到了消息，直到再次单击该消息才隐藏。

这是我的jsx代码

<Overlay Trigger placement="top" trigger={"hover"}
  overlay={
    <Popover id={'test'}
      {"test message"}
    </Popover>
  }
</OverlayTrigger>
起初，我没有尝试触发任何操作，但是单击仍然触发了悬停文本。接下来，我添加了trigger = {'hover'}，考虑是否仅将悬停指定为触发器，但是单击仍然有效并激活悬停文本。

我如何才能使仅鼠标悬停成为唯一的触发器而不是单击？点击保留给onclick以显示模式。

谢谢

我正在研究react-bootstrap叠加弹出式控件。我只希望当鼠标指针悬停在图标上时触发弹出消息。单击图标时，出现对​​话框模态...

Answer 1

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