从公共文件夹中反应 svg

Question

我正在尝试从公共文件夹导入 svg。

我怎样才能使用导入来做到这一点？

我试过了：

import Avatar_1 from './public/avatar_1.svg';

但我仍然收到“找不到模块：无法解析'./public/avatar_1.svg'”

有办法使用吗process.env.PUBLIC_URL？

Answer 1

我认为无法从 src 访问公共文件夹，因此我执行了以下操作：

import { ReactComponent as Avatar1 } from './assets/avatar_1.svg';

它起作用了。

如何使用它：

<Avatar1 />

请注意，ReactComponent as导入部分是强制性的，并且您的新组件名称（例如Avatar1）应始终以大写字母开头。否则 React 不会将其识别为 React 组件。