reactjs - 如何在react js中动态给出图像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

如果您不想需要图像，则必须将所有图像放入公共(public)文件夹中，然后

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

这个方法可行。