Fetch json data in React

How to 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 {

   .then(function(response) {
     if (!response.ok) {
        thrownewError("HTTP error, status = "+response.status);
   .then(function(json) {
     for(vari=0; i<json.length; i++) {
   return (

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 )

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.

%d bloggers like this: