动态地创建SVG阵营组件与SVGR

问题描述 投票:0回答:1

我在我的阵营应用程序中使用SVGR转换SVG的反应成分。这工作很不错。

不过,我也想探讨的机会,动态加载SVG的用户通过。所以,我会用它SVG代码的字符串,我希望得到的回报一个作出反应的组成部分。

综观SVGR的引导,似乎我可以使用节点API(https://www.smooth-code.com/open-source/svgr/docs/node-api/)将其转换为jsCode。不过,我不想eval当然这一点。

有没有办法有SVGR功能,但有一个字符串作为输入?

reactjs svg
1个回答
-1
投票

你需要的是首先将字符串转换为XML,以便它可以传递给SVGR。

所以从here - 您可以使用类似sax-js到SVG字符串转换为XML SVG。

总结 -

  1. 将字符串转换为XML
  2. 通过XML以SVGR节点API转换为JSX在运行系统中。

希望这可以帮助。

© www.soinside.com 2019 - 2024. All rights reserved.