Javascript 无法链接本地存储在计算机上的HTML/CSS/REACT中的图像

我正在做一个端到端的项目->电影推荐，后端服务器-PythonFlask，前端-React.Js，到目前为止它运行良好，但我无法链接存储在文件夹中的图像。这里是一些截图。 （我在看电影）
目录：

守则：

最后，在inspector控制台中输出console.log（image），以确保映像名称正确：

我尝试添加require（“/电影海报/电影名称…”），但没有成功。

---

我需要帮助

缺少图像，请在渲染之前导入图像

const image = require("./movie_poster/"+ ... )

---

如果您将所有“movie_posters”文件夹移动到公用文件夹，您可以通过在IMAGE src属性中使用“/movie_posters/${YOUR_IMAGE_NAME}”来访问它。

我尝试了这一点，但再次没有成功：/尽管当我使用console.log（IMAGE）时，它返回一个对象：object{default:/static/media/Iron_Man_2.b53177d1.jpg”，…}