How to go through JSON Array and add Data in to array - react-native

Question

Im tring to add json object to array.so i can add array to my Flat list compoentnt.but i cant understand how to add data array.

this is my code

constructor(props) {
        super(props);
        this.state = {
            Vehicle_Details :[],

        }

var text = JSON.parse(jobs);
                for (var i = 0; i < text.length; i++) {
                    console.log(text[i]["Vehicle_Details"]);
                    this.setState({
                    Vehicle_Details:(text[i])
                    })
                }

but this added last object only.how can i solve this?

is obvious as you are overwriting it, whats the content of jobs? — Priyesh Kumar
– Priyesh Kumar, Commented May 16, 2017 at 15:14
its my json responce. ' [{"Vehicle_Details":"Civic","Transmission":"Manual"},{"Vehicle_Details":"fit","Transmission":"Manual"}]' — cain
– cain, Commented May 16, 2017 at 15:18

Priyesh Kumar · Accepted Answer · 2017-05-16 15:25:22Z

1

As you are parsing JSON in constructor itself. there is no need to call setState, you can directly assign state.

Try this:

constructor(props) {
  super(props);    

  var text = JSON.parse(jobs);
  this.state = {
    Vehicle_Details: text.map(function(item) {
      return item['Vehicle_Details']
    })
  }
}

answered May 16, 2017 at 15:25

Priyesh Kumar

2,8571 gold badge17 silver badges29 bronze badges

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

Collectives™ on Stack Overflow

How to go through JSON Array and add Data in to array - react-native

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