如何在状态更改期间禁用事件

时间:2020-08-26 12:30:25

标签: javascript reactjs chart.js react-chartjs-2

由于我的代码库很大,因此我不会添加示例。希望我的问题很清楚。

我正在使用react-chartjs-2来创建甜甜圈图。我注意到,每个状态更改都可能在图表上触发并发生事件。我无法弄清楚如何防止图表呈现。

是否知道如何禁用此行为?

谢谢

2 个答案:

答案 0 :(得分:0)

如果您正在使用功能Component,则可以使用类似useMemo的钩子,以防止您渲染某些子组件。如果您使用的是类组件,则可以使用生命周期shouldComponentUpdate

答案 1 :(得分:0)

我想像一下,如果您的组件未渲染,则不会触发图表中的重新渲染,您可以将图表包装在新组件中,并根据情况使用React.memo来渲染或不渲染图表,但是为避免使用memo渲染错误,这将是提高性能的最后选择。

反应非常快,我能为您想到很多事情 与您的时间有关,这比优化诸如 这个

肯特·多德斯(Kent C. Dodds) https://kentcdodds.com/blog/usememo-and-usecallback