我无法在 React 中使用道具显示图像

Question

我正在尝试使用 React 中的道具动态添加图像。 我想在灰色框中展示 img。

但是我似乎无法这样做，因为没有显示图像。

我有这个组件导致另一个组件并从 data.js 接收道具数据，如下图所示

这是我的组件

我的 CSS（特别是处理 .right 类名的那个）

这是我的文件夹结构

我已经尝试将 src 值直接更改为 ./img/proj1.png 但仍然没有任何改变。我也试过直接改成require，如下图： 然而，这只会导致我的网站完全空白。

请问我错过了什么？