Javascript 未处理的拒绝（TypeError）：无法读取属性'；长度'；未定义的 如何解决此长度错误

我正在提供发生错误的代码，我试图解决这个问题，但这里没有任何结果

我尝试将它的useState更改为数组，但它仍然不起作用

    const Chart = () => {
    const [dailyData, setDailyData] = useState([]);

    useEffect(() => {
        const fetchAPI = async () => {
            setDailyData(await fetchDailyData());
        }

        fetchAPI();
    });

    const linechart = (
        dailyData.length
            ? (
              <Line 
              data={{
                labels: dailyData.map(({ date }) => date),
                datasets: [{
                    data: dailyData.map(({ confirmed }) => confirmed),
                    label: 'Infected',
                    borderColor: '#3333ff',
                    fill: true,
                }, {
                    data: dailyData.map(({ deaths }) => deaths),
                    label: 'Deaths',
                    borderColor: 'red',
                    backgroundColor: 'rgba(255, 0, 0, 0.5)',
                    fill: true,
                }]
              }}
            />) : null
    );

---

await fetchDailyData（）

这可能不是返回数组或预期数据，请执行

console.log（await fetchDailyData（））

并检查是否与Vivek一致。在axios调用之后，您能否

console.log（data）

等待fetchDailyData（）这可能不是返回数组或预期数据，请执行

console.log（等待fetchDailyData（））

并检查是否与Vivek一致。在axios调用之后，您能

console.log（数据）

吗？

    export const fetchDailyData = async ()=> {
    try {
        const { data } = await axios.get(`${url}/daily`);

        const modifiedData = data.map((dailyData) => ({
            confirmed: dailyData.confirmed.total,
            deaths: dailyData.deaths.total,
            date: dailyData.reportDate,
        }));

        return modifiedData;