How to iterate over an array of JSON

Question

Need a hand in this. I know it might be very easy but I am really stacked I am trying ti iterate an array of response

This is the log of data

Object {
  "address": "",
  "city": "",
  "country": "",
  "country_code": "E",
  "daylight": "0",
  "for": "daily",
  "items": Array [
    Object {
      "name": "John",
      "age": "28",
      "Job": "worker",

    }
  ]}

I am trying to iterate over that array of items and did everything possible nothing works I tries to map, find and looping it's working well but after reloading the page it's giving error >state.map is not a function< or whatever the function

I tried also

const name = state.items.name
const person = state.items;
const name = person.name;

I tried to set this array as a state and then iterate, nothing is working

Need help how to get the data inside without errors

Note : This data is coming from async function to fetch data so it takes some time to be getting the data first.

Wael Fadhel · Accepted Answer · 2020-04-18 23:21:52Z

1

well, you can use a loading component that waits for your async call until it ends and then render your actual component, or you can simply declare it this way const items = response.items? response.items: []

answered Apr 18, 2020 at 23:21

Wael Fadhel

1516 bronze badges

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

Comments

Re-Angelo · Accepted Answer · 2020-04-18 23:18:01Z

0

Set your initial state as empty array [ ] and when its fetched, set the statenwith the data

answered Apr 18, 2020 at 23:18

Re-Angelo

5873 gold badges8 silver badges23 bronze badges

Collectives™ on Stack Overflow

How to iterate over an array of JSON

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related