当覆盖不是工具提示或弹出框时，React-Bootstrap OverlayTrigger 不起作用

【问题标题】：React-Bootstrap OverlayTrigger not working when overlay is something other than a ToolTip or Popover当覆盖不是工具提示或弹出框时，React-Bootstrap OverlayTrigger 不起作用
【发布时间】：2017-07-21 22:05:24
【问题描述】：

react-bootstrap 覆盖触发器的文档说覆盖道具可以是元素或文本。但是，每当我向它传递“工具提示”组件以外的其他东西时，它都不起作用。事实上，如果您在下面链接的网站上将他们的代码示例修改为只是一个 div 而不是 Tooltip 或字符串，那么它在他们的网站上也不起作用。是否必须传递一个 Tooltip？

https://react-bootstrap.github.io/components.html#tooltips-overlay-trigger

【问题讨论】：

标签： reactjs tooltip

【解决方案1】：

最容易通过的是Tooltip 或Popover。

您也可以传递其他内容，但您必须将其包装在 Overlay 而不是 OverlayTrigger 中。有关更多具体示例，请参阅 Custom Overlays 上的 react-bootstrap 文档。

【讨论】：

谢谢丹尼。但是，我说的是可以传递给 OverlayTrigger 的内容，这意味着我不想将其包装在叠加层中。他们的覆盖道具文档说“要在目标旁边覆盖的元素或文本。”，但我认为“文本”并不准确。在我看来，它必须是 Tooltip 或 Popover 或其他类似性质的元素。
也许这只是一个 CSS 问题，他们有自定义 CSS 用于 Popovers 和 OverlayTriggers 用于放置叠加层，而我只需要我自己的自定义 CSS 来处理我决定使用的任何元素？