Not able to get data after mapping array of objects in to list-reactjs

Question

Sample 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
                }
            }
        ]
    }
}

Trying to iterate

getting data for action.payload.selectedBoardData.widgetList.map but later i am not able to get data.

please let me if there is any error.

Not able find out what is wrong in this.

code

  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 };

yes, action.payload is your sample object that starts with data key — lomboboo
– lomboboo, Commented May 31, 2018 at 15:32
Just debug what do you get from action.payload and paste console.log here — lomboboo
– lomboboo, Commented May 31, 2018 at 15:39

Eduardo Nishizuka · Accepted Answer · 2018-05-31 17:45:18Z

1

Your .map() code is fine.

It's just the way you are getting the array, try to console.log() these references to find out: action.payload.widgetList, action.payload.selectedBoardData.widgetList

answered May 31, 2018 at 17:45

Eduardo Nishizuka

544 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Not able to get data after mapping array of objects in to list-reactjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related