【问题标题】:Not able to get data after mapping array of objects in to list-reactjs将对象数组映射到 list-reactjs 后无法获取数据
【发布时间】:2018-05-31 15:14:58
【问题描述】:

示例 JSON

 "data": {
    "title": "test2",
    "selectedBoardData": {
        "boardId": "1070",
        "boardTitle": "My New Board",
        "createdAt": 1526385544606,
        "modifiedAt": 1526390958854,
        "spcxId": "1070",
        "widgetList": [
            {
                "widgetId": "3b728bae-1c5a-4f48-a0c7-f9c8f0b13199",
                "widgetName": "widget 0",
                "widgetType": "venn",
                "leftTarget": "MALE",
                "rightTarget": "HHMALE",
                "leftTargetValue": 117112,
                "rightTargetValue": 160432,
                "position": {
                    "row": 0,
                    "col": 0
                }
            }
        ]
    }
}

尝试迭代

获取 action.payload.selectedBoardData.widgetList.map 的数据 但后来我无法获取数据。

如果有任何错误请告诉我。

无法找出其中的问题。

代码

  const storyboardlist = action.payload.selectedBoardData.widgetList.map(widgetDataList => ({
    leftTarget: widgetDataList.leftTarget,
    rightTarget: widgetDataList.rightTarget,
    leftTargetValue: widgetDataList.leftTargetValue,
    rightTargetValue: widgetDataList.rightTargetValue,
    position: widgetDataList.position,
    //})),
  }));
  return { ...state, boardList: storyboardlist };

【问题讨论】:

  • 示例对象的第一个键是data 不是selectedBoardData
  • @lomboboo 你的意思是我还需要添加“数据”
  • 是的,action.payload 是以data 键开头的示例对象
  • @lomboboo 我仍然无法获得
  • 只需调试您从action.payload 获得的信息并将console.log 粘贴到此处

标签: arrays json reactjs redux


【解决方案1】:

您的.map() 代码没问题。

这只是你获取数组的方式,尝试 console.log() 这些引用找出:action.payload.widgetListaction.payload.selectedBoardData.widgetList

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-12-17
    • 1970-01-01
    • 2019-11-11
    • 1970-01-01
    • 2021-04-18
    • 2022-11-24
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多