Cha*_*ANI 5 javascript typescript reactjs react-hooks
React 18实现了一个新的钩子:useInsertionEffect.
useInsertionEffect
那么对于useEffectand来说useLayoutEffect,这 3 个钩子在组件生成时的顺序是什么?
useEffect
useLayoutEffect
小智 12
根据React 文档:
它在所有 DOM 突变之前同步触发。在读取useLayoutEffect. 所以它在 之前运行useLayoutEffect。
它在所有 DOM 突变后同步触发。使用它从 DOM 读取布局并同步重新渲染。
它将在渲染提交到屏幕后运行。所以它运行在useLayoutEffect.
因此运行顺序为:
归档时间:
3 年,7 月 前
查看次数:
1599 次
最近记录:
1 年,10 月 前