useLayoutEffect
其函数签名与 useEffect 相同,但它会在所有的 DOM 变更之后同步调用 effect。可以使用它来读取 DOM 布局并同步触发重渲染。在浏览器执行绘制之前,useLayoutEffect 内部的更新计划将被同步刷新。
useLayoutEffect 在 html 绘制之前 调用, 而 useEffect 在 html渲染 之后, 一般情况下不要使用,除非有特殊情况
自定义 Hook
通过自定义 Hook,可以将组件逻辑提取到可重用的函数中。
自定义 Hook 是一个函数,其名称以 “use” 开头,函数内部可以调用其他的 Hook。
自定义 Hook 必须以 “use” 开头。
在两个组件中使用相同的 Hook 其中的所有 state 和副作用都是完全隔离的。

网友评论