因此,通常包括我大多数需要简单样式的SVG图标,我这样做:
<svg>
<use xlink:href="/svg/svg-sprite#my-icon" />
</svg>
现在,我一直在玩ReactJS作为它的后期评估在我的新的前端开发堆栈可能的成分,但是我注意到,在其支持的标记/属性列表,无论是use或xlink:href支持。
是否可以使用svg精灵并以这种方式在ReactJS中加载它们?
因此,通常包括我大多数需要简单样式的SVG图标,我这样做:
<svg>
<use xlink:href="/svg/svg-sprite#my-icon" />
</svg>
现在,我一直在玩ReactJS作为它的后期评估在我的新的前端开发堆栈可能的成分,但是我注意到,在其支持的标记/属性列表,无论是use或xlink:href支持。
是否可以使用svg精灵并以这种方式在ReactJS中加载它们?
如果遇到
xlink:href,则可以通过删除冒号并打包添加的文本来获得ReactJS中的等效内容:xlinkHref。您最终可能会在SVG中使用其他名称空间标签,例如
xml:space,等等。相同的规则适用于它们(即xml:space变为xmlSpace)。