0213.js

import React, { useState, useEffect } from 'react'
import fetchData from './api/fetchData'
const URI = 'https://jsonplaceholder.typicode.com/users'

const Main = props => {
  const [data, setData] = useState(null)
  useEffect(() => {
    const fetchAPI = async () => {
      const data = await fetchData(URI)
      
      setData(data)
    }
    fetchAPI()
  }, [])
  if (!data) return null
  return (
    <>
      <h1>hello</h1>
      <ul>
        {
          data.map(user => <li key={user.id}>{user.name}</li>)
        }
      </ul>
    </>
  )
}

export default Main