React Performance Hooks - useTra
2023-11-01 本文已影响0人
米诺zuo
优化重新渲染性能的常见方法是跳过不必要的工作。 例如,可以告诉 React 重用缓存的计算,或者如果数据自上次渲染以来没有更改,则跳过重新渲染。
要跳过计算和不必要的重新渲染,请使用以下 Hooks 之一:
-
useMemo
缓存计算结果。 -
useCallback
缓存函数定义,再传递给优化组件。
要优先考虑渲染,请使用以下 Hooks 之一: -
useTransition
将状态转换标记为非阻塞并允许其他更新中断它。 -
useDeferredValue
可以推迟更新 UI 的非关键部分,并让其他部分先更新。