我一直在尝试使用<img> tagon添加图像CodeSandbox.io。但是，每次我尝试添加它时，它都不会显示，只是默认为alt标记（显示山）。
我正在尝试在与包含此 JS 文件的文件相同的文件夹中加载图像。
下面是生成 HTML 的代码
function Navbar() {
return (
<navbar className="navbar">
<div>
<img src="business-landing-page-template-with-photo_52683-19539.jpg" alt="Mountain"/>
</div>
</navbar>
)
有人可以告诉我如何加载图像。
如果在公共文件夹中，则使用相对于它的文件路径，即src/img/image.jpg，否则，如果源图像在您的组件目录中，则使用require相对路径：
给定的组件在src/components，图像在src/img
function Navbar() {
return (
<navbar className="navbar">
<div>
<img
src={require("../img/business-landing-page-template-with-photo_52683-19539.jpg")}
alt="Mountain"
/>
// or in public
<img
src="src/img/business-landing-page-template-with-photo_52683-19539.jpg"
alt="cat"
/>
</div>
</navbar>
)
}
