Question

我有一个渲染图像的组件。根据api调用和返回的数据，图像将有所不同。

基于api调用，我将得到如下字符串：

{ assetName：“ company123” }

我想将此道具传递给组件，然后该组件将引用我们拥有的该名称的图像。

/images/company123.png

<img src={'/images/${assetName}.png'} />

通常，我只是导入图像并使用它，但是当我需要根据prop值更改图像时，这是不可能的。

如何实现以上目标？

谢谢，李

Answer 1

我认为您正在将引号与反引号字符串串联在一起，而应该是反引号。

<img src={`/images/${assetName}.png`} />

注意：这称为模板文字。（谢谢克里斯）。