如何解决不需要在 CRA 中加载图像
嗨
我目前正在尝试在 React 中显示列表元素,但我无法使用 require 加载图像。
我正在使用 CRA 并且没有更改 webpack.config.js。
列表
import img1 from "../../assets/work-in-progress.png";
const projects = [
{
id: 1,image_path: img1,title: "t1",category: "testing"
},{
id: 2,image_path: require("../../assets/work-in-progress.png"),title: "t2",]
我如何显示图像
<img src={ entry.image_path } alt="Project's" className="rounded" />
我已经尝试使用 src={ "" + entry.image_path }
并得到了相同的结果。
解决方法
我认为您的路径不正确。它对我有用。这是有效的 code
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。