React-Tooltip在SVG内部不起作用

Question

我正在尝试将React-Tooltip添加到我的React应用程序中，而当我只是将data-tip="hello world"静态添加到元素中时，它可以正常工作，但是，当我将属性附加到svg内的元素不是。我看到该属性已添加到html内：

但是将鼠标悬停在元素上不会显示工具提示。我正在使用可折叠的树代码：

https://bl.ocks.org/mbostock/4339083

并尝试使工具提示像这样工作：

node.attr("data-tip", "helloworld");

任何建议将不胜感激。

Answer 1

如果要在SVG中显示工具提示，可以查看以下链接： How to add a tooltip to an svg graphic?

Answer 2

我最近开源了react-svg-tooltip，这是一个React组件，用于为SVG元素创建工具提示。从出生起它还是湿的，但也许您仍然觉得有用。