npm i axios

import React from 'react'
import axios from 'axios'

const ComponentName = () => {

  let [posts, setPosts] = React.useState([])

  React.useEffect(() => {
      axios
      .get('https://jsonplaceholder.typicode.com/posts')
      .then(response => {
        console.log(response)
        setPosts(response.data)
      })
      .catch(error => console.log(error))
  }, [])



  return (
    <React.Fragment>
        <ul>
          {posts.map(post => (
            <React.Fragment>
              <p>{post.id}</p>
              <h2>{post.title}</h2>
            </React.Fragment>
          ))}
        </ul>
    </React.Fragment>
  )
}

export default ComponentName