How to print async data in react

this is my code and print is a page
and getdata is a async function that returns a promise

const print = () => {
                      getdata.then((res)=>{
                         return (<p>{res}</p>)
                      })

return(
        <>
           <div>{getdata()}</div>
        </>
      )
}
export default print;

how can I print data in page

>Solution :

//Use a state to store fetched data
const [data, setData] = useState('');

//useEffect to fecth data on first render
useEffect(()=>{
  //Self calling async function
  (async()=>{
    let fetched = await getdata()
    let json = await fetched.json()
    setData(json)
  })()
},[])

return(
        <>
           <div>{data}</div>
        </>
      )
}