reactjs - 从公用文件夹中 react 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 组件。