Reactjs 如何在React中导入多个图像？我有对象而不是路径

我正在尝试从组件加载图像，我在第二个组件中称之为“图像”。我正在导入像“import Images from./Images”这样的“Images”，我收到了一个对象数组。在对象中，我有一些附加信息和路径。但路径不是文本，而是对象

我尝试直接导入组件中的一个图像（而不是从其他文件），得到了路径。为什么一旦我得到路径和对象

从光盘导入图像的我的代码：

import img0 from "../images/promo/1.jpg";
import img1 from "../images/promo/2.jpg";
import img2 from "../images/promo/3.jpg";

const Images = [
  {
    id: 0,
    path: { img0 },
    description: "description 1",
    name: "photo1"
  },
  {
    id: 1,
    path: { img1 },
    description: "description 2",
    name: "photo2"
  },
  {
    id: 2,
    path: { img2 },
    description: "description 3",
    name: "photo3"
  }
];

export default Images;

在另一个组件中，我得到了我的图像数组

import Images from "../components/Images";
console.log(Images[0]);

我预计产出：

{
  description: "description 1",
  id: 0,
  name: "photo1",
  path: "/static/media/1.jpg"
}

但产出是：

{
  description: "description 1",
  id: 0,
  name: "photo1",
  path: {img0: "/static/media/1.jpg"}
}

---

path:{img0}

是

path:{“img0”：img0}

的简写符号。这就是为什么你会这样

path:{img0}

是路径：{img0:img0}的简写符号。这就是为什么你会这样

你说得对。我以前写“{}”是因为我的反应。愚蠢的错误，呵呵。谢谢你是对的。我以前写“{}”是因为我的反应。愚蠢的错误，呵呵。谢谢