从列表中循环javascript答案

【问题标题】：Loop in javascript from list从列表中循环javascript
【发布时间】：2021-02-10 09:34:05
【问题描述】：

我的 api 正在返回这样的响应：

"imagePath": "path1",

我有下面这样的 JS 代码：

<div className="flexAlignCenterJustifyCenter">
  {event.imagePath ? (
    <img
      src={event.imagePath}
      onError={(event) => event.target.src = NoImage}
    />
  ) : (
    ""
  )}
</div>

它正确地显示了图像，

但现在我更改了我的 api 以将输出作为列表提供：

"imagePath": ["path1","path2"]

现在 NoImage 图标正在显示，我想显示列表中的所有图像 (imagePath)，我是 javascript 新手，谁能帮帮我？

【问题讨论】：

您可以使用imagePath.forEach((path)=>{ //you have the image path here }) 循环遍历每个路径并将它们设置在图像元素中。

标签： javascript node.js reactjs frontend

【解决方案1】：

由于您的响应现在是一个数组，您应该遍历它，例如使用.map：

<div className="flexAlignCenterJustifyCenter">
{ 
  event.map((data, index) => {
    return <img key={index} src={data.imagePath} onError={(data)=>{data.target.src=NoImage}} /> 
  }
}
</div>

【讨论】：