0

我想根据一些逻辑显示工具提示,这意味着我将执行 ReactTooltip.show 以手动显示工具提示。

截至目前,文档中的示例提到将目标的引用传递给函数,这在我的情况下不起作用。

这是我创建的代码沙箱的链接,显示了我的代码的示例结构:https ://codesandbox.io/s/reacttooltip-sandbox-ovzfe

单击显示工具提示 3 未在下面的 p 标签上显示工具提示。

4

1 回答 1

1

首先你需要forwardRef

而且您还需要段落内的属性

  <p
    ref={ref}
    data-tip="tooltip"
    data-for={props.dataFor}
    data-event="click"
  >
    This is Tooltip 3
  </p>

我添加了一个额外的属性dataFor以更可定制

沙盒

这是一个沙箱useRef而不是useState

于 2021-07-12T11:25:15.233 回答