如何使用源链接 react.js 中的图像

kav*_*han 5 html sass zurb-foundation reactjs

我在 react.js 网站上工作,我想将图像(徽标)链接到该网站。查看文件夹结构

在此处输入图片说明

我的页脚徽标的图像代码是

<img className="img-responsive" src="public/assets/image/img/footer-logo.jpg" alt="logo"/>
Run Code Online (Sandbox Code Playgroud)

但是当我运行它时,该图像在网站上不可见。有什么解决办法吗??

Kaf*_*afo 6

如果您正在使用 webpack 并假设您在图像中显示的组件之一中,请执行以下操作:

import logo from '../../public/assets/image/img/foorter-logo.jpg';
<img className="img-responsive" src={logo} alt="logo"/>
Run Code Online (Sandbox Code Playgroud)

如果你想坚持你所拥有的,那么你可以这样做:

<img className="img-responsive" src="../../public/assets/image/img/footer-logo.jpg" alt="logo"/>
Run Code Online (Sandbox Code Playgroud)