Загрузка json файла, используя запрос

import React from 'react';
export default url => {
  return new Promise((success, fail) => {
    const request = new XMLHttpRequest();
    request.open('GET', url, true);
 
    request.addEventListener('load', () => {
      request.status >= 200 && request.status < 400
        ? success(request.responseText)
        : fail(new Error(`Request Failed: ${request.statusText}`));
    });
 
    request.addEventListener('error', () => {
      fail(new Error('Network Error'));
    });
 
    request.send();
  });
};

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
 
 
ReactDOM.render(<App data='data.json' />,document.getElementById('root')
    );

import React, {Component} from 'react';
import load from './load.js';
 
 
export default class App extends Component {
 
  constructor(props) {
    super(props);
    // Устанавливаем состояние
    this.state = {
      data: null,
      active: 0,
      term: ''
    };
    // Сразу загружаем данные
    this.loadData();
  }
 
  loadData(props) {
    load(this.props.data).then(users => {
      this.setState({
        data: JSON.parse(users),
      });
    });
  }
 
  updateData(config) {
    this.setState(config);
  }
 
render() {
    return (<div>Hello, World!</div>)
  }
}

[{"id":123,"img":"img/img1.jpg","firstName":"Artem","lastName":"Ivanov"},{"id":234,"img":"img/img2.jpg","firstName":"Yuliya","lastName":"Pelikanava"}

fetch('data.json')
       .then(resp => resp.json())
       .then(data => this.setState(data)) // или что там надо с данными
       .catch(e => console.log)