如何使用react操作嵌入的svg节点？

Question

我在制定反应过程中遇到了麻烦。我用

<img src="example.svg">

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

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

我想直接在反应，添加和删除类中操作svg文件的<g>节点（ps：在JQuery中很容易）。我试图得到元素的引用但失败了。我该怎么办？

Answer 1

有两个选项：

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

我建议您使用第二种方法。如果你想操作自己的SVG，你可以把它们作为一个组件写在React中，并在你使用其他React组件时工作。

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