React simple fetch method with JSON

react-fetch-json.js

import React, { Component } from "react";
import { render } from "react-dom";

class App extends Component {
  state = {
    data: []
  };

  componentDidMount() {
    this.getDataFromApi();
  }

  getDataFromApi = () => {
    fetch("https://facebook.github.io/react-native/movies.json")
      .then(response => response.json())
      .then(data => {
        this.setState({ data: data.movies });
      })
      .catch(error => {
        this.setState({ error: error });
      });
  };

  render() {
    const list = this.state.data.map((item, index) => (
      <div key={index}>{item.title} </div>
    ));
    return <div className="App">{list}</div>;
  }
}

render(<App />, document.getElementById("root"));