useEffect 和 useLayoutEffect 有什么区别？何时该用 useLayoutEffect？

What’s the difference between useEffect and useLayoutEffect, and when should you use useLayoutEffect?

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: medium

分类: Frontend

标签: useEffect, useLayoutEffect, dom

参考答案摘要

答案 useEffect 通常在浏览器完成绘制后执行，不阻塞渲染； useLayoutEffect 在 DOM 变更提交后、浏览器绘制前同步执行，适合需要测量布局/同步读写 DOM 的场景（如读取尺寸并立刻调整）。滥用 useLayoutEffect 会阻塞绘制，影响首屏与交互。

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。