1

你好

我目前正在尝试在 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",
        category: "testing"
    },
]

我如何显示图像

<img src={ entry.image_path } alt="Project's" className="rounded" />

目前，第一个图像正在正确显示，但第二个图像未加载。

我已经尝试过使用src={ "" + entry.image_path }并得到相同的结果。

4

1 回答 1

0

我认为你的路径不正确。它对我有用。这是工作代码

于 2021-01-05T01:58:02.980 回答