我在 React 中渲染基于 API 調用的組件時遇到問題。我在使用中獲取數據效果掛鉤使用數據更新狀態。在 api 獲取所有數據之前，狀態為 null 一段時間，但到那時，組件將使用 null 值進行呈現。這就是我所擁有的：import React, { useEffect, useState } from 'react'import axios from 'axios';import { Redirect } from 'react-router-dom';const Poll = (props) => {const [poll, setPoll] = useState(null);//if found is 0 not loaded, 1 is found, 2 is not found errconst [found, setFound] = useState(0);useEffect(() => {    axios.get(`api/poll/${props.match.params.id}`)        .then(res => {            console.log(res.data);            setPoll(res.data);            setFound(1);        })        .catch(err => {            console.log(err.message);            setFound(2);        });}, [])if(found===2) {    return(        <Redirect to="/" push />    )}else{    console.log(poll)    return (        <div>        </div>    )}}export default Poll這是我的解決方法，但感覺不是應該這樣做的方式。如何設置它，以便等待我的 api 數據返回，然后相應地呈現組件？