带有命名空间的 React 和 SVG

Question

我有一个需要 React 和 SVG 的项目。我需要在特定位置将SVG插入阳极，动态地。

客户提供的文件是visio制作的，包含一些特定的命名空间，首先是这样的：

xmlns:v="http://schemas.microsoft.com/visio/2003/SVGExtensions/"

这意味着像这样的标签，在代码的某处：

<linearGradient
    v:background="#4d4d4d"
    v:foreground="#ffffff"
    v:fillPattern="26"
    ... >

如何在 react 中使用这些属性或标签？

谢谢，大卫。

Answer 1

在将 SVG 放入您的网站之前，您应该始终尝试对其进行优化。
svgo 可以提供帮助；你甚至可以在你的构建中运行它。