SVG使用标签和ReactJS

因此,通常包括我大多数需要简单样式的SVG图标,我这样做:

<svg>
    <use xlink:href="/svg/svg-sprite#my-icon" />
</svg>

现在,我一直在玩ReactJS作为它的后期评估在我的新的前端开发堆栈可能的成分,但是我注意到,在其支持的标记/属性列表,无论是usexlink:href支持。

是否可以使用svg精灵并以这种方式在ReactJS中加载它们?

逆天卡卡西2020/03/12 12:44:29

如果遇到xlink:href,则可以通过删除冒号并打包添加的文本来获得ReactJS中的等效内容:xlinkHref

您最终可能会在SVG中使用其他名称空间标签,例如xml:space,等等。相同的规则适用于它们(即xml:space变为xmlSpace)。