如何使用react操作嵌入式SVG节点?

kn_yin

我在开发反应时遇到了麻烦。我用

<img src="example.svg">

或者使用模块'react-inlinesvg'嵌入svg

<Isvg src="example.svg" wrapper={React.DOM.div}>

我想<g>在react中直接操作svg文件节点,添加和删除类(ps:在JQuery中这很容易)。我尝试获取该元素的引用,但失败了。我应该怎么办?

罗斯·哈纳斯(Ross Khanas)

有2个选项:

  • 使用某种查询选择器;
  • 用户对编写SVG做出反应;

我建议您使用第二种方法。如果您想操纵自己的SVG,则可以将它们作为组件编写在React中,并在与其他React组件一起工作时使用。

在这里,您可以看到React中支持的元素列表。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章