使用 React 时我的 img src 出现问题

Question

我想在我的网站上使用搜索图标的图像，但它没有加载。我一直确保我的图像目录是正确的，并且对我来说一切都很好。我目前在我的 Navbar>Index.js 文件中并试图进入我的文件夹 assets/icons/search.png

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

my directory

image not loading on my site

Answer 1

在 React 中，您必须先导入图像才能使用它。

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

那你就可以这样使用了

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

Having issues with my img src using React