如何在React JS中动态提供Image src？

Question

我正在尝试动态指定src中的图像名称。我想使用带路径的变量动态设置图像名称。但我无法正确设置src。我尝试了关于stackoverflow的解决方案，但没有任何效果。

我试图给这样的道路

<img src={`../img/${img.code}.jpg`}></img>

<img src={'../img/' + img.code + '.jpg'}></img>

<img src={'../img/{img.code}.jpg'}></img>

如果我给出这样的路径，我的图像将保存在src / img路径中

<img src={require('../img/nokia.jpg')}/>

图片正在显示

我知道之前曾问过这个问题，但对我来说没有任何帮助。请帮我如何设置图像路径？

Answer 1

如果您不想要该图像，则必须将所有图像放入公用文件夹，然后

<img src={`../img/${img.code}.jpg`}></img>

此方法将起作用。