React:将事件处理程序和/或样式附加到注入的内容(svg)

时间:2017-08-23 20:48:21

标签: javascript jquery reactjs svg

我在一个反应​​组件中尝试做的是取一块svg,将它粘贴在div中进行渲染,然后将鼠标事件处理程序附加到它的元素上。然后我想动态更改例如悬停或点击时元素的填充。

我浏览了很多与svg相关的反应库,这些反应库看起来并不像我需要的那样,例如react-svg,react-samy-svg,svg-injector等等。

除了他们似乎都依赖于调用外部URL(我有想要渲染的内容存储在redux中),(这似乎不适用于我的开发服务器),我不知道如何附加反应-style classNames或onClicks注入html,或者如何在组件状态下存储它。

所以现在我又回到了:dangerouslySetInnerHTML来注入svg内容,并在其上放一块jQuery来处理dom操作和鼠标事件,但它并不漂亮。有没有人有另一种更具反应风格的解决方案?如果需要,我可以详细说明代码或其他任何内容。感谢。

0 个答案:

没有答案