Javascript 将Django数据库中的图像显示到Resact JS前端

我有一个问题，我上传到Django数据库的图像没有显示到React JS前端。我创建了这个模型：

class Project(models.Model):
    title = models.CharField(max_length=100, null=False)
    description = models.CharField(max_length=10000, null=False)
    thumbnail = models.ImageField(upload_to='images/', null=False)

我把它连载了起来。然后，我通过转到/admin url将这些信息上传到数据库，在那里我可以看到数据库。之后，我对数据库进行api调用并获取所有数据。这就是问题所在。我将该数据移动到useState（[]），然后映射该状态。标题和描述确实会显示在屏幕上，但图像不会。下面是映射useState（[]）的代码：

{projData.map（数据=>(
{data.title}
{data.description}
))}

正如我所说，标题和描述确实成功地被调用，但这是我在图像中得到的错误：

[错误]加载资源失败：服务器响应状态为404（未找到）（background.png，第0行）

---

图像确实会移动到“图像”文件夹中。但由于某些原因，它并没有显示在实际的网站上。我能做什么？

我想你传递的是图像，而不是它的位置。

---

可能您需要，使它

src={data.缩略图.url}

仍然不起作用。我不再收到错误，但它仍然不显示图像：/

{projData.map(data => (
     <div key={data.id}>
          <img className="thumbnail" src={data.thumbnail}/>
          <span className="title">{data.title}</span>
          <p className="description">{data.description}</p>
     </div>
))}