useEffect：
- 异步，不影响渲染速度
- 渲染后执行
useLayoutEffect：
- 同步，影响渲染速度
- 渲染前执行
浏览器渲染过程
1. 构建 DOM 树：解析 HTML，构建出 DOM 树。
2. 构建 CSSOM 树：解析 CSS，构建出 CSSOM 树（CSS Object Model）。
3. 合并 DOM 树和 CSSOM 树，生成 Render 树：将 DOM 树和 CSSOM 树合并，生成渲染树（Render Tree），这个树包含了页面中需要渲染的所有元素及其样式。
4. 布局（Layout/Reflow）：根据 Render 树计算每个元素在页面中的几何位置（大小、位置等），并确定页面中每个元素的布局。
5. 绘制（Painting）：根据布局信息将页面上的每个元素绘制到屏幕上。
React hook 10种 Hook （详细介绍及使用） React Hook是什么？React官网是这么介绍的...
react16推出了react hook，react hook使得functional组件拥有了class组件的一...
官网地址：https://react-hook-form.com/[https://react-hook-form...
react hook是什么 react hook是react中引入新特性，它可以让react函数组件也拥有状态；通...
关于React Hook React Hook 对于React来说无疑是一个伟大的特性，它将React从类组件推向...
Through 4 questions introduce React Hook What is Hook? In...
react-hook
一、react hook介绍 Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情...
React Hooks Hook 是能让你在函数组件中“钩入” React 特性的函数。 State Hook u...
hook 介绍 Hook 是 React16.8 的新特性。Hook 就是 JavaScript 函数, 它可以让...
本文标题：【React】Hook
本文链接：https://www.haomeiwen.com/subject/rypztjtx.html
网友评论