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

Question

结果证明我有一个模态，其中包含一个记录数值的文本字段。然后记录的值通过一个循环来填充文本字段中记录的数量的排列。在此之后，这些值被发送到 3 个图表，以便更新您的数据。出现的问题是只更新了最后一个图。我不知道发生了什么，因为似乎其他图形如果我们收到值，但不更新它们。我正在使用 material-ui 和 react-chartjs-2。请可以帮助我的人。在这里，我将代码留在 StackBlitz 中，看看它是如何工作的。StackBlitz 中的代码

Answer 1

我玩了一点你的代码，它看起来像是在chart.js文件中，你需要移动你var chartReference的主函数 ( function charts()) 来更新所有三个。

export default function charts(props) {

  var chartReference = {};

  useEffect (() => {

...

我的猜测是，当您chartReference在函数之外时，它最终只会引用您的一个图表。