使用 React 時我的 img src 有問題

Question

我正在嘗試在我的網站上使用搜索圖標的圖像，但它沒有加載。 我一直確保我的圖像目錄是正確的，對我來說一切都很好。 我目前在我的 Navbar>Index.js 文件中並試圖進入我的文件夾 assets/icons/search.png

                    <img src={require('../../assets/icons/search.png')} alt="Search" />

我的目錄

圖片未加載到我的網站上

Answer 1

在 React 中，您必須先導入圖像，然后才能使用它。

import Image from '../../assets/icons/search.png'

然后你可以像這樣使用它

<img src={Image} alt="Search" />