import React, {Component} from 'react';

class Posty extends Component{
  constructor(props){
    super(props);
    this.state = {
      postsList: [],
    };

    this.getPostsFromAPI();
  }

  getPostsFromAPI() {
    fetch('https://jsonplaceholder.typicode.com/posts')
      .then((response) => {
      return response.json();
    })
      .then((myJson) => {
      this.setState({
        postsList: myJson,
      });
    });
  }

  render() {
  return <div>{this.state.postsList.map(item  => <PostItem item = {item}/>)}</div>;
}
}


class PostItem extends Component{
  render(){

    return(<div>  </div>);
  }
}

export default Posty;