gpt4 book ai didi

javascript - React 18 中 hooks 的顺序是什么?

转载 作者:行者123 更新时间:2023-12-05 01:52:03 25 4
gpt4 key购买 nike

React 18 实现了一个新的钩子(Hook):useInsertionEffect

那么对于 useEffectuseLayoutEffect,这 3 个钩子(Hook)在组件生成时的顺序是什么?

最佳答案

根据React Docs :

使用插入效果

它在所有 DOM 变化之前同步触发。在 useLayoutEffect读取布局之前,使用它向 DOM 中注入(inject)样式。所以它在 useLayoutEffect 之前运行。

使用布局效果

它在所有 DOM 变化之后同步触发。使用它从 DOM 读取布局并同步重新渲染。

使用效果

它将在渲染提交到屏幕后运行。所以它在 useLayoutEffect 之后运行。

因此运行顺序是:

  1. 使用插入效果
  2. 使用布局效果
  3. 使用效果

关于javascript - React 18 中 hooks 的顺序是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71797967/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com