有条件动态导入javascript中的图像以进行反应

Question

在react / javascript中导入图像的通常方法如下：

&

我希望通过以下方式有条件地在javascript中导入图像： 在img文件夹中有几张图片，格式为-img1.png，img2.png，img3.png等。 我想计算要在javascript文件中导入的图像，然后仅导入该图像，如下所示：

import image from './img/img3.png';
...
<div>
<img src={image} />
</div>

您知道如何执行此操作吗？

Answer 1

我找到了答案。对于有条件的图像导入，请执行以下操作：

<img src={require(`./img/${imageNum}.png`)} alt="Img" className={classes.Img} />