[react] 在React中怎么使用async/await？

import {useEffect,useState} from 'react'
function App(){
   const [list,setList] = useState([])
   useEffect(()=>{
         async function fetData(){
              const response = await fetch('')
              setList(response)
}
},[])
return (
    <div>
        <h3>App</h3>
        <p>
           {
                 list.map((item)=>{
                      return (
                          <li key={item.id}>{item.name}</li>
                      )
                 })
           }
        </p>
    </div>
)
}