javascript - 还有其他方法可以获取 map 的 map 吗?

标签 javascript reactjs

我的 json 看起来像:

{
"cars": [
      {
        "id": 6,
        "boardId": 8,
        "sprintId": 6,
        "name": "Backlog",
        "sortOrder": 1,
        "createdAt": "2018-04-25T10:00:38.628845Z",
        "updatedAt": "2018-04-25T10:00:38.628845Z",
        "carSet": [
          {
            "id": 1,
            "createdAt": "2018-04-25T10:00:38.628845Z",
            "car": {
              "id": 1,
              "createdAt": "2018-04-25T10:00:38.628845Z",
            }
          },
          {
            "id": 2,
            "createdAt": "2018-04-25T10:00:38.628845Z",
            "car": {
              "id": 2,
              "createdAt": "2018-04-25T10:00:38.628845Z",
            }
          }
        ]
      }
    ]
}

以前我是这样做的:

this.props.cars.map((car) => {

});

但现在在我的 JSON 中,我有另一个带有 carSet 的层。

那么我必须做 map 的 map 还是有其他方法?

最佳答案

同样的方式:

this.props.cars.map((car) => 
 car.carSet.map(carsetItem => 
    <SomeComponent key={carsetItem.id} {...carsetItem}/>)
);

拐杖会降低你的表现。

编辑

如果你使用redux并且使用更多的数据,你可以尝试将你的数据扩展到partials,并玩redux normalization

关于javascript - 还有其他方法可以获取 map 的 map 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50024568/

相关文章:

数组上的 javascript 验证未运行

javascript - Angular 和 SEO - 创建静态 HTML 版本

javascript - Javascript 中的 Prompt() 方法

javascript - 同一控件上的多个 ASP.NET 验证器 - Page_Validator.isValid 始终保持 true

reactjs - 在React中,尝试根据传递给url的ID显示不同的图像

javascript - React native JAVA_HOME 设置为无效目录

javascript - postcss-icss-parser.js 中的三个点 (...) 错误

javascript - 显示存储在 Algolia 中的表情符号

javascript - React Native 如何修复底部的某些问题

javascript - NextJS Link 没有呈现 anchor 标记