how to display data on View after fetching from Json in react native

Question

I have a json Output from fetch method, which is something like in this format

{ 
"example": {
"id": "301",
"example_n": "example",
"exampleid": "12",
"thumbnail": "some url",

"examplearry": [
  {
    "example_id": "9",
    "exampletitle": "exampletitle ",

  },
  {
    "example_id": "10",
    "exampletitle": "exampletitle",

  },
  {
    "example_id": "7",
    "exampletitle": "exampletitle",


  }, "example_api": "6vvdncv99hbnbscm" 
}

Now i want to access example_id and exampletitle. How to use it in react native?

Craveiro · Accepted Answer · 2016-04-25 10:41:59Z

1

You can see how to do it here.

Implement something like the fetchData method they have:

fetchData() {
    fetch(REQUEST_URL)
    .then((response) => response.json())
    .then((responseData) => {
        this.setState({
          examplearry: responseData.examplearry,
        });
    })
    .done();
}

This will process your json response and then, with this.setState, you can make your data available. After this, just access the examplearry like you would in javascript/react. The tutorial also shows how to do this in detail in the next step.

answered Apr 25, 2016 at 10:41

Craveiro

5035 silver badges15 bronze badges

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

2 Comments

L.Learner Over a year ago

yes i was able to do this thing ,but when i started usind data like examplearry.example_n , examplearry.examplearry.example_id.It is giving undefined.How to use this data to display on views

Craveiro Over a year ago

Are you sure you're serializing correctly all the data when creating the JSON? Can you show me how your responseData looks like?

Collectives™ on Stack Overflow

how to display data on View after fetching from Json in react native

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related