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

问题描述

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

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

这里最好的举动是什么?

解决方法

我的解决方案:

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

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