Fatal编程技术网
  • reactjs/
  • Reactjs 如何将SVG源解析为React节点？

Reactjs 如何将SVG源解析为React节点？

reactjs

Reactjs 如何将SVG源解析为React节点？,reactjs,Reactjs,我不是问如何在React中嵌入SVG文件或图像。我需要以下类型签名的函数： (source: string) => React.ReactNode 此函数用于解析SVG源字符串并返回React节点。我真的需要这个，因为我正在处理Graphviz的输出。而且因为我想操作生成的React节点，危险的setinenerHTML无法满足我的要求 当然，我可以通过DOMParser将SVG源代码解析为SVGElement，然后将本机SVGElement节点转换为ReactElement。但这需要时

我不是问如何在React中嵌入SVG文件或图像。我需要以下类型签名的函数：

(source: string) => React.ReactNode
此函数用于解析SVG源字符串并返回React节点。我真的需要这个，因为我正在处理Graphviz的输出。而且因为我想操作生成的React节点，
危险的setinenerHTML
无法满足我的要求

当然，我可以通过
DOMParser
将SVG源代码解析为
SVGElement
，然后将本机
SVGElement
节点转换为
ReactElement
。但这需要时间。我想知道以前是否有人做过这项工作？我搜索了整个互联网，但一无所获。

我不知道性能如何。但也许smth喜欢或不喜欢