javascript - 如何修复 svg iconmoon 在代码和框上不起作用

Question

我目前正在尝试在代码沙盒上的反应小项目中使用带有“使用”标签的 iconmoon 图标。不幸的是，您不会在屏幕上看到任何图标。下面，出现问题的链接，第 45 行。

https://codesandbox.io/s/new-otrs7

我已经尝试将 svg 放在公用文件夹上，并使用 head 内的链接标签来引用它。还是不行。

<use xlinkHref="./img/sprite.svg#icon-react" />

我想让反应图标出现。

先感谢您！

Answer 1

我通过将 SVG 放在 public 目录中，然后在我的模板中执行此操作，使这个在 codesandbox.io 上的 Vue 项目中工作：

<img src="icon-name.svg" />