CODEWITHSUNDEEP
javascriptjsonreactjs
Baba
Baba

Reputation: 2209

Converting array to json in react application

In my react code I have items as an array in my state.

items[]

I was able to populate items array with few data and need to pass it to my web service. First I need to convert that array to json. This is just crashing for me when I do the Json.stringify.

Is there a different way to do it in react application?

storeDataInDatabase(){

    const myObjStr = JSON.stringify(this.props.items);

    console.log(myObjStr);
}

Upvotes: 4

Views: 19089

Answers (1)

ChrKahl
ChrKahl

Reputation: 651

JSON.stringify(..) will convert your array the right way. The serialized object would be something like:

{
  "items": [
    {
      "key1": "value1",
      "key2": "value2"
    },
    {
      "key1": "value1",
      "key2": "value2"
    }
  ]
}

But like you wrote in your first sentence, you are setting the items array to state. In think in a way like this: this.setState({ items }) If so, you have to get the array right from your state in your component:

storeDataInDatabase() {
  const { items } = this.state;
  const myObjStr = JSON.stringify(items);
  console.log(myObjStr);
}

Upvotes: 5

Related Questions