import React from 'react';
import ReactDOM from 'react-dom';


const API = 'http://127.0.0.1:8000/app/';
class Blog extends React.Component{

    constructor(props){
        super(props);

        this.state = {
            items: []
        }
    }
    async componentDidMount() {
        try {
          const res = await fetch(API);
          const items = await res.json();
          this.setState({
            items
          });
        } catch (e) {
          console.log(e);
        }
      }


      render() {

        return (
            <div>
              {this.state.items.map(item => (
                <div key={item.id}>
                  <h1>{item.title}</h1>
                  <span>{item.content}</span>
                </div>
              ))}
            </div>
          );
        }
    }



ReactDOM.render(
    <Blog />,
    document.getElementById('root')
);