React&Chartjs:重新渲染时如何最好地销毁我的图表?

问题描述

有没有在React中销毁chartjs图表的最佳实践?

我尝试设置状态,销毁图表,删除引用,根据现有图表有条件地渲染,但似乎无济于事。我遇到一个常见的问题,新图表只是覆盖旧图表。

这里最好的举动是什么?

解决方法

我的解决方案:

  1. 在类组件外部声明图表变量
  2. 在componentDidMount和componentDidUpdate上运行构建图fn
  3. 在每次构建中,如果未定义,请在图表变量上调用destroy()方法

在这里找到解决方案:https://blog.bitsrc.io/customizing-chart-js-in-react-2199fa81530a

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...