React Performance Hooks - useDeferredValue

优化重新渲染性能的常见方法是跳过不必要的工作。 例如,可以告诉 React 重用缓存的计算,或者如果数据自上次渲染以来没有更改,则跳过重新渲染。

要跳过计算和不必要的重新渲染,请使用以下 Hooks 之一:

  • useMemo 缓存计算结果。
  • useCallback缓存函数定义,再传递给优化组件。
    要优先考虑渲染,请使用以下 Hooks 之一:
  • useTransition 将状态转换标记为非阻塞并允许其他更新中断它。
  • useDeferredValue 可以推迟更新 UI 的非关键部分,并让其他部分先更新。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容