Donc, normalement, pour inclure la plupart de mes icônes SVG qui nécessitent un style simple, je fais:
<svg>
<use xlink:href="/svg/svg-sprite#my-icon" />
</svg>
Maintenant, j'ai joué avec ReactJS récemment en l'évaluant comme un composant possible dans ma nouvelle pile de développement front-end, mais j'ai remarqué que dans sa liste de balises / attributs pris en charge, ni l'un use
ni l' autre ne xlink:href
sont pris en charge.
Est-il possible d'utiliser des sprites svg et de les charger de cette manière dans ReactJS?
xlink:href
est obsolète, maintenant censé simplement utiliser href
- developer.mozilla.org/en-US/docs/Web/SVG/Attribute/xlink:href
xlink:href
, nous devons donc encore l'utiliser. Les applications Web réelles doivent soit utiliser le dénominateur commun des fonctionnalités du navigateur, soit implémenter des solutions de contournement / polyfills spécifiques.
Property 'xlink' does not exist on type 'SVGProps<SVGImageElement>
<use xlinkHref="/svg/svg-sprite#my-icon" />
.