Javascript 如何在ReactJS中导入多个图像

我有这样的东西

我想用较短的代码导入多个图像

我尝试使用这样的模板字符串

---

但它似乎要求不显示我的图像。

您可以使用索引文件重新导出文件夹中的所有图像

资产/images/forest/index.js

并将其作为命名导入导入

import { layer0001, layer0002, layer0003 } from 'assets/images/forest';

还是什么都进口

import * as forest from 'assets/images/forest';

它允许您执行动态URL，如

let layer = 'layer001';

backgroundImage: `url(${forest[layer]})`

---

如果您的文件在公共目录中。您可以使用普通字符串访问图像。试试这个，

style={{{backgroundImage:'url（../../assets/images/forest/Layer_0002.png）}}

src中没有我的文件模板字符串不起作用的原因：

let layer = 'layer001';

backgroundImage: `url(${forest[layer]})`