如何在 ReactJS 中导入多张图片

Question

我有这样的东西。

我想用更短的代码导入多张图片。

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

不过好像要求不能显示我的头像

Answer 1

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

assets/images/forest/index.js

import layer0001 from './Layer_0001.png';
import layer0002 from './Layer_0002.png';
import layer0003 from './Layer_0003.png';

export { layer0001, layer0002, layer0003 };

并将它们导入名为 import

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

或导入所有内容

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

它允许你做一个动态的URL像

let layer = 'layer001';

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

如何在 ReactJS 中导入多张图片

How to import multi images in ReactJS

javascript

import

image

require

reactjs