Map JSON object - ReactJS

Question

I am a getting a json object as a response and console log shows the response like this

MyFormName: Array(5)
0: {question: "Q1", type: "star"}
1: {question: "Q1", type: "star"}
2: {question: "Q1", type: "star"}
3: {question: "Q1", type: "star"}
4: {question: "Q1", type: "star"}

How can i map through this object so i can show data in each object?

I have tried something like this. I have my json object in a state fullForm and tried the following approach

return Object.keys(this.state.fullForm).map((item, key) => {

      return (
        <div className="overflow_hidden" key={key}>
          <div>{key + 1}</div>
          <div>{item.question}</div>

        </div>
      )

      });

But here the value i get for item is MyFormName. I want to map the objects in MyFormName. How can i do this?

MyFormName can be changed according to the response type. So i cannot directly use the name — CraZyDroiD
– CraZyDroiD, Commented Sep 9, 2019 at 5:57

Joy Biswas · Accepted Answer · 2019-09-09 06:02:57Z

1

this.state.fullForm[Object.keys(this.state.fullForm)[0]].map(item, key) => {
  //your logic here
})

It will get you the first item of fullForm which is in this example MyFormName's value as in an array and then you do .map

answered Sep 9, 2019 at 6:02

Joy Biswas

6,5371 gold badge26 silver badges50 bronze badges

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

Collectives™ on Stack Overflow

Map JSON object - 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