useLayoutEffect
2020-06-20 本文已影响0人
skoll
简介
1 .类似于useEffect。区别就是执行的时机
2 .useEffect不会阻塞浏览器的绘制任务，他会在页面更新之后才执行
3 .useLayoutEffect和mponentDidMount,componentUpdate的执行时机一样，会阻塞页面的渲染，如果在里面执行耗时任务的话，页面就会卡顿
4 .如果需要根据新的ui来执行特定操作，就去这里面
5 .会在浏览器layout之后，painting之前执行
6 .可以使用来读取dom布局并同步触发重渲染
7 .在浏览器执行绘制前useLeyoutEffect内部的更新计划将被同步刷新
8 .尽可能地使用标准的useEffect，以避免阻塞视图更新
9 .
