Javascript React.js rechart不显示数据

完整代码在

图表

我从api中获取数据，然后将数据放入变量数组并用于图表，但由于图表是空的，所以它似乎不起作用

这是我的console.log

---

<>是否有人可以帮助我？< /p>使用<代码>状态< /代码>保存已获取的数据，在初始化时将其视为空数组，然后设置<代码>状态<代码>…您可以添加一个工作示例吗？就像代码沙盒一样，你可以看到一个简单的

useEffect(() => {
    fetch("http://localhost:8080/animals/animal/client?clientId=" + user.id, {
        method: "get",
        headers: {
            "Authorization": `${token}`,
        },
    })
        .then(res => res.json())
        .then(
            (result) => {
                var mydata = (result[0].peso)
                data.push(mydata)
                // var isArray = Array.isArray(data);


            },
            (error) => {
                setIsLoaded(true);
                setError(error);
            }
        )


}, [])

 <LineChart
            width={650}
            height={300}
            data={data}
            margin={{
                top: 20,
                right: 50,
                left: 50,
                bottom: 70
            }}
        >
            <CartesianGrid vertical={false} />
            <XAxis dataKey='data' axisLine={false} tickLine={false} tickMargin={10} color={'#494949'} fontWeight={'500'} />
            <YAxis dataKey='peso' domain={['dataMin', 'dataMax']} tickCount={4} axisLine={false} tickLine={false} tickMargin={10} color={'#494949'} fontWeight={'500'} />
            <Tooltip />

            <Line
                type="monotone"
                dataKey="peso"
                stroke="#000000"
                activeDot={{ r: 8 }}
            />
        </LineChart>