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

我正在尝试动态指定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')}/>

图片正在显示

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

回答:

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

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

此方法将起作用。

以上是 如何在React JS中动态提供Image src? 的全部内容, 来源链接: utcz.com/qa/434535.html

回到顶部