选择响应时更改img源

Question

我正在尝试根据选择的值更改显示的img。状态值正确更改，src值也正确更改，但是找不到img。

代码：

<img src={"../imgs/".concat(this.state.selectedSceneID)} alt="Scene"/>

每个选择选项的值基本上是img的名称，它们位于React代码上方的imgs文件夹中。

Answer 1

如果您的图片来源处于您的状态，则只需使用回勾号将其构建为路径

<img src={`../imgs/${this.state.selectedSceneID}`} alt="Scene"/>