hook.js

const [lists, setLists] = useState([])
useEffect(() => {
    getPosts()
},[]) 
 

// promise
const getPosts = () => {
    fetch(`https://jsonplaceholder.typicode.com/posts`)
    .then( res => res.json())
    .then(json => {
      setLists(json)
    })    
}

// asyn await
const getPosts = async () => {
    const obj = await fetch(`https://jsonplaceholder.typicode.com/posts`)
    const json = await obj.json()
    
    setLists(json)
}