问题描述
有没有在React中销毁chartjs图表的最佳实践?
我尝试设置状态,销毁图表,删除引用,根据现有图表有条件地渲染,但似乎无济于事。我遇到一个常见的问题,新图表只是覆盖旧图表。
这里最好的举动是什么?
解决方法
我的解决方案:
- 在类组件外部声明图表变量
- 在componentDidMount和componentDidUpdate上运行构建图fn
- 在每次构建中,如果未定义,请在图表变量上调用destroy()方法
在这里找到解决方案:https://blog.bitsrc.io/customizing-chart-js-in-react-2199fa81530a