import React, { Component } from 'react'

export default class Posts extends Component {

state={

    posts:[]

}

async componentDidMount(){

   const res = await fetch('https://jsonplaceholder.typicode.com/posts')

   const data= await res.json()

   [this.setState](//this.setState)({posts:data}) 

   }



render() {

    return (

        <div>

            {

                this.state.posts.map(post=>{

                    return <div>

                        <h1>{[post.title](//post.title)}</h1>

                        <p>{[post.body](//post.body)}</p>

                        </div>

                })

            }

        </div>

    )

}

}