我想將我的帖子從 ButterCMS 導入 React，但我不知道如何處理異步問題。import React, { useState } from "react"import Butter from "buttercms"import gradient from "../../images/TealLove.jpg"export default () => {  const butter = Butter("API_KEY")  const [post, setPost] = useState()  butter.post.list({ page: 1, page_size: 10 }).then(function(response) {    setPost(response.data.data[0])  })  return (    <>      <div className={"section"}>        <div className={"container"}>          <div className={"first-post"}>            <figure className={"image"}>              <img src={gradient} alt=""></img>            </figure>            <div className={"first-post-title"}>              <h2>                {post.title.length > 20                  ? post.title.slice(0, 85) + " ..."                  : post.title}              </h2>            </div>          </div>        </div>      </div>    </>  )}每次我運行這個，錯誤post is undefined都會出現。如何僅在定義帖子后才呈現元素？