Javascript 基于变量加载两个图像

我正在尝试根据此处的值加载图像（使用React和JavaScript）。 让我告诉你我现在有什么

this.state.categories.map((value, index) => {
     return <div className={categoryStyle.column}
                 key={index}
                 onClick={() => {this.setCategory(value)}}>
            <img src={this.getImage(value)}/>
     </div>
}) : <Spinner/> }

该值包含类别名称，例如人物或电影。 当我签入Html时，图像src实际上显示了/img/people.png，但是图像没有加载

---

我做错了什么？另外，是否有更推荐的方法可以更动态地执行此操作？

您可以在

src

属性中添加

require

：

<img src={require(this.getImage(value))} />

---

但是，我建议您使用simple if-else（如果需要，可能无法正确评估

控制台.log

）替换

开关功能。
我的问题是我的图像在src/img文件夹中。我现在把我的图片文件夹放在了公用文件夹中，一切都正常了

我也删除了我的函数，只做了以下操作

谢谢您的回答。我实际上把我的图片放在src文件夹中。我已将它们放在公用文件夹中，现在它正在工作！：）你知道我将如何处理同样的事情，但与背景图像？编辑：没关系，我已经修好了！
<img src={require(this.getImage(value))} />