React&SVG:如何在onClick上提供<path>支持？

Question

这就是React SVG目前支持的内容:http://facebook.github.io/react/docs/tags-and-attributes.html#svg-attributes

我正在试图弄清楚如何使用可点击的SVG路径绘制一个形状.如果有另一种方法来绘制可以点击的形状,那也是有效的.

谢谢!

Answer 1

这对我有用。

svg {
    pointer-events: none;
}

path{
    pointer-events: auto;
}

然后我们可以在路径上添加点击事件。工作了！！谢谢

Answer 2

我在反应中遇到了类似的问题，我试图处理 svg 的 onclick 事件。

简单的 css 为我解决了问题：

svg {
    pointer-events: none;
}