为什么当我再次打开它时，我的反应图像不显示

Question

我的主要问题是我的图像没有显示。我昨天使用 React 创建了我的网站，并像这样使用了我的图像。 在此输入图片描述 我将图像放在公共文件夹内的图像文件夹中。当我第一次开发时它可以工作，但是当我打开笔记本电脑并再次运行反应时，所有图像都没有显示。 你们能告诉我发生了什么事吗，因为这种事发生在我身上两次了？

首先看起来是这样的： 在此输入图片描述

这是一天后的情况： 在此输入图片描述

我已经在谷歌上搜索过了，而且用人工智能也行不通。我想知道如何解决这个问题以及为什么会发生。

Answer 1

您需要将

<img>

标签与

require()

一起使用，如下所示，它应该可以正常工作。

<img src={require('relative-path-of-image-folder/xyz.png')} alt="" />