useEffect

import React, { useState, useEffect } from 'react'
import axios from 'axios'

const User = () => {
  const [user, setUser] = useState({})
  
  useEffect(() => {
    axios.get('https://jsonplaceholder.typicode.com/users/1').then(it => {    
      setUser(it.data)    
    })  
  }, [])    
  
   return <div>  
    <div>{user.username}</div>        
    <div>{user.email}</div>    
    <div>{user.website}</div>        
    <div>{user.phone}</div>    
  </div>  
}  
  
ReactDOM.render(<User />, mountNode)