Javascript Chartjs未使用数据更新

我正在使用

react-chartjs-2

并试图从我的数据创建一个折线图

目前，我正在从我的主组件

App.js

的后端获取数据，然后将其作为

props

传递到

Graph

组件

数据是否正确地进入我的

图形
组件，尽管它似乎正在多次渲染

传递到
Graph
的初始数据如下所示：

道具数据：

{
"2020-01-03": "0"
"2020-01-04": "0"
"2020-01-05": "0"
"2020-01-06": "0"
"2020-01-07": "0"
"2020-01-08": "0"
"2020-01-09": "0"
"2020-01-10": "0"
"2020-01-11": "0"
"2020-01-12": "0"
"2020-01-13": "0"
"2020-01-14": "0"
....
}

然后在我的
图形
组件中，我将数据拆分为日期和数字：

let pointData=[]；
让日期=[]；
for（道具案例中的常量属性）{
push（`${props.cases[property]}`）；
推送（`${property}`）；
}
pointData=pointData.slice（-30）；
dates=dates.slice（-30）；
console.log（pointData）；
console.log（日期）

虽然在运行上述控制台日志时，我的数据会被重复并偶尔清空


在最后的第3和第4次
console.log（）
我的数据是正确的，尽管其他时候我只是得到一个空数组

然后尝试将此数据呈现到图表时：

Graph.js

const数据={
//这将循环传递的日期
标签：[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”]，
数据集：[{
数据：点数据
}
]
};
返回(
每日个案：
)
}

不显示任何内容，也不呈现任何数据

如何使图表正确地呈现数据？如何解决输出空数组而不是实际数据的问题？
我认为这是因为组件
行
的
标签
和
点数据
的长度不相等。@ZHANGLuyao试过了，仍然不起作用。你能粘贴完整的代码吗？这可能是因为
点数据
的长度不相等上次渲染
图形时为空。您应该检查数据如何传递到
图形
的过程，以及
点数据
为空的原因。