Javascript 为什么只有一张三人图表更新了react-chartjs-2？

事实证明，我有一个模态，它包含一个记录数值的文本字段。然后，记录的值通过一个循环，用文本字段中记录的量填充排列。在此之后，值​​发送到3个图表，以便更新数据

出现的问题是只更新最后一个图形。我不知道发生了什么，因为似乎其他图形如果我们收到值，但不更新它们

我正在使用material ui和react-chartjs-2

请找个能帮我的人。这里我把代码留在StackBlitz中，看看它是如何工作的

---

我对您的代码进行了一些处理，似乎在

chart.js

文件中，您需要将

var chartReference

移动到主函数（

function charts（）

）中，以更新这三个函数

export default function charts(props) {
  var chartReference = {};
  useEffect (() => {
...

---

我的猜测是，当您的

图表引用

在函数之外时，它最终只引用您的一个图表。

是的，就是这样，它最终非常简单，但我看不到它，非常感谢，我非常感谢。