cannot link image in HTML/CSS/REACT stored locally on computer

Question

I was doing an end to end project -> Movie Recommendation, backend server - Python FLASK, frontend - React.Js, so far it is working good but I cannot link my image which is stored inside a folder. Here are some screenshots. (I'm inside Movies.js)
Directory:

The Code:

And finally, the output of console.log(image) in inspector console to ensure that the image name is correct:

I have tried adding require("./movie_posters/movie_name....") but no luck. I need help!

Answer 1

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

Answer 2

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

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