因此,通常包括我大多数需要简单样式的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
)。