如果您对创建有任何疑问,
ReactApp建议您阅读其用户指南。
它回答了这个问题以及您可能遇到的许多其他问题。
具体来说,要包含本地图像,您有两个选择:
- 使用进口:
// Assuming logo.png is in the same folder as JS file import logo from './logo.png'; // ...later <img src={logo} alt="logo" />这种方法很棒,因为所有资产都由构建系统处理,并且将在生产构建中获取带有哈希的文件名。如果文件被移动或删除,您也会收到错误消息。
不利的一面是,如果您有数百张图片,可能会很麻烦,因为您不能拥有任意的导入路径。
- 使用公用文件夹:
// Assuming logo.png is in public/ folder of your project <img src={process.env.PUBLIC_URL + '/logo.png'} alt="logo" />通常不建议使用这种方法,但是如果您有数百张图像,并且一次导入一个图像太麻烦了,那就太好了。缺点是您必须考虑缓存清除,并自己注意移动或删除的文件。
希望这可以帮助!



