【问题标题】:How to disable event during a state change如何在状态更改期间禁用事件
【发布时间】:2020-08-26 12:30:25
【问题描述】:

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

我正在使用 react-chartjs-2 来创建一个圆环图。我注意到每个状态变化都可能在图表上触发和事件。我不知道如何防止图表呈现。

知道如何禁用此行为吗?

谢谢

【问题讨论】:

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


    【解决方案1】:

    我想如果您的组件不渲染它不会触发图表中的重新渲染,您可以将图表包装在一个新组件中并使用React.memo 与您的条件一起渲染或不渲染图表,但要避免使用memo 渲染错误,这将是您用于提高性能的最后一个选项。

    React 非常快,我可以为你想到很多事情 与您的时间有关,这比优化诸如此类的事情要好 这个

    肯特·C·多兹 https://kentcdodds.com/blog/usememo-and-usecallback

    【讨论】:

      【解决方案2】:

      如果你使用的是函数组件,你可以使用像useMemo 这样的钩子来阻止你重新渲染某些子组件。如果您使用的是类组件,则可以使用生命周期shouldComponentUpdate

      【讨论】:

        猜你喜欢
        • 2020-06-12
        • 2021-10-05
        • 2016-04-15
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-11-24
        • 1970-01-01
        相关资源
        最近更新 更多