Fetch json data in React


Sample json data (sampledata.json) – 

[
 {“id”: “1”,”name”: “Sam”},
 {“id”: “2”,”name”: “John”},
 {“id”: “3”,”name”: “Alex”},
 {“id”: “4”,”name”: “Jack”}
]
React component to read the above json data – 

import React, { Component } from 'react';
var myRequest = new Request('sampledata.json');

export default class App extends Component {
render(){

fetch(myRequest)
   .then(function(response) {
     if (!response.ok) {
        thrownewError("HTTP error, status = "+response.status);
     }
     returnresponse.json();
    })
   .then(function(json) {
     for(vari=0; i<json.length; i++) {
       console.log(json[i]);
     }
   });
   return (
<div></div>
<pre>)
   }
}
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.