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

Question

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

我的页脚徽标图像代码是

<img className="img-responsive" src="public/assets/image/img/footer-logo.jpg" alt="logo"/>

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

原文由 kavin Rakshan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您正在使用 webpack 并假设您位于图像中显示的组件之一中，那么请执行以下操作：

 import logo from '../../public/assets/image/img/foorter-logo.jpg';
<img className="img-responsive" src={logo} alt="logo"/>

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

 <img className="img-responsive" src="../../public/assets/image/img/footer-logo.jpg" alt="logo"/>

原文由 Kafo 发布，翻译遵循 CC BY-SA 3.0 许可协议