react的javascript图像条件动态导入

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

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

从“./img/img3.png”导入图像；
...

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

  filename = `./img/img${num}.png`
    import(filename);
    ...
    <div>
    <img src={filename} />
    </div>

filename=`./img/img${num}.png`
导入（文件名）；
...

---

你知道怎么做吗

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

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