React.js rechart 不显示数据

如何解决React.js rechart 不显示数据

完整代码位于 https://pastebin.com/EymDdLHk

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>

我从我的 api 中获取了我的数据，然后我将我的数据推送到一个变量数组中并在我的图表上使用，但似乎不起作用，因为我的图表是空的

这是我的 console.log data

有人可以帮我吗？