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

debugcn 发表于 Dev

法齐尔·马希尼亚（Fazil Mahesania）

我对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;

叔叔戴夫

您在>这里缺少一个：