SVG使用标签和ReactJS

SVG React.js

猿神奇梅

2020-03-12

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

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

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

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

第953篇《SVG使用标签和ReactJS》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
逆天卡卡西 2020.03.12

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

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android