當(dāng)我的圖表組件呈現(xiàn)時(shí)出現(xiàn)錯(cuò)誤，因?yàn)樗某跏紶顟B(tài)是 API 響應(yīng)之前的空數(shù)組。它會(huì)說(shuō)這樣的話Cannot read property '0' of undefined是因?yàn)楫?dāng)組件加載時(shí)，它的初始狀態(tài)是，好吧......一個(gè)空數(shù)組。所以我想知道是否有辦法讓組件僅在收到 API 響應(yīng)后才呈現(xiàn)。這是父組件：function InformationPage({    match: {        params: { symbol },    },}) {    const [chartData, setChartData] = useState([]); {/*Declaring state*/}useEffect(() => {  {/*Fetching API response here to set state*/}    axios        .get(            `https://finnhub.io/api/v1/stock/candle?symbol=${symbol}&resolution=15&from=1572651390&to=1602623478&token=xxxxxxxxx`        )        .then((res) => {            console.log(res.data);            setChartData(res.data);        })        .catch((err) => {            console.log(err);        });}, [symbol]);return (            <Grid item container xs={12} sm={12} md={6} lg={8}>            {chartData && <QuoteChart chartData={chartData} iex={iex} />}        </Grid>       );}export Default InformationPage;這是子圖表組件，基本上當(dāng)我從 axios 執(zhí)行獲取請(qǐng)求時(shí)，它返回一個(gè)將映射到對(duì)象中的數(shù)組chartRender。我只需要找到一種方法來(lái)僅在 axios 的 api 請(qǐng)求完成后才呈現(xiàn)組件，以免出現(xiàn)錯(cuò)誤。任何幫助將不勝感激。function QuoteChart(props) {    const classes = useStyles();    const { chartData } = props;    const chartRender = chartData.map((chartConfig) => ({        x: new Date(chartConfig?.t),        y: [chartConfig?.o, chartConfig?.h, chartConfig?.l, chartConfig?.c],    }));    // const chartDataLog = console.log(chartData);    const config = {        series: [            {                data: [{ chartRender }],            },        ],