React，無法打印出由數組包裹的本地圖像文件

Question

我無法在數組中打印出圖像。

這是我的虛擬數據。

const dummyData = [
    {
      thumbnail: '../assets/img/listdummy1.png',
      platform: "Steam",
      name: "Red Dead Redemption 2",
      tags: ["FPS", "RPG"],
      originalPrice: 30000,
      discountPrice: 15000,
      cut: 50,
      link:"https://store.steampowered.com/app/1174180/Red_Dead_Redemption_2/",
    }
]

我想通過 map function 打印出縮略圖。

{props.results.map((item) => (
            <SearchItem
              key={item.name}
              thumbnail={item.thumbnail}
              platform={item.platform}
              name={item.name}
              tags={item.tags}
              originalPrice={item.originalPrice}
              discountPrice={item.discountPrice}
              cut={item.cut}
              link={item.link}
            />
          ))}

像這樣。

這是我的打印代碼。

<td className={styles.SearchItemThumbnail}>
        <img src={props.thumbnail} alt="Loading..." />
      </td>

仍然，結果出來了 alt （正在加載...消息）。 圖像文件位於本地資產目錄中，我認為圖像路徑沒有任何錯誤。

我的代碼有什么問題嗎？