互联网/IT行业面试题更新 2026-08-05

请解释 React 中 useEffect 和 useLayoutEffect 的区别,并说明各自适合的使用场景。

字节跳动前端/移动开发互联网/IT技术原理技术选型方案权衡React

考察说明

考察对 React 副作用时序机制的理解及场景选择能力

回答思路

  1. 准确描述两者在浏览器绘制后与绘制前的执行时机区别
  2. 能结合 DOM 变更或布局测量场景说明 useLayoutEffect 的必要性
  3. 说明 useEffect 在服务端渲染与异步场景下的优势,避免阻塞渲染
  4. 能举出具体例子如读取布局、修改样式等场景并说明选择理由
本题已收录答题指导

本题附完整参考答案与评分标准

登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。