如何解决 react.js 中的这个愚蠢错误？

Question

我对 react.js 完全陌生。这是关于 React 的第一个项目，我只是按照 YouTube 教程创建一个 covid-19 跟踪器应用程序。我已经构建了许多组件。我必须显示我创建的 chart.jsx 文件的图表。

我遇到意外错误，我无法解决它，但导师在教程中没有遇到该错误。我不知道我做错了什么。我留下下面的代码。

https://www.youtube.com/watch?v=khJlrj3Y6Ls&t=2279s 在 45:35

你可以在 45:35

的教程中看到它

这是我遇到的错误，我知道我只是犯了一个愚蠢的错误，但我没有明白。

import React, { useState, useEffect } from 'react';
import { fetchDailyData } from '../../api';
import { Line, Bar } from 'react-chartjs-2';

import styles from './Chart.module.css';

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:'Infected',
                borderColor: 'red',
                backgroundColor: 'rgba(255,0,0,0.5)',
                fill:true,
            }],
        }}
    />):null
);
    return(
        <div className={styles.container}>
            {lineChart}
        </div>
    )
}

export default Chart;

Answer 1

您在这里缺少 >：

const fetchAPI = async () = {

应该是：

const fetchAPI = async () => {

如何解决 react.js 中的这个愚蠢错误？

How can I resolve this silly mistake in react.js?

reactjs

react-router

react-hooks

react-component

react-chartjs