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

React的useEffect和useLayoutEffect有什么区别?两者哪个先执行?

美团字节跳动前端/移动开发互联网/IT性能优化技术原理React

考察说明

考察对React副作用执行时机和场景选择的理解

回答思路

  1. 说明两者执行时机差异:useLayoutEffect在DOM变更后同步执行,useEffect在渲染提交后异步执行
  2. 说明useLayoutEffect先于useEffect执行,且会阻塞浏览器绘制
  3. 能够结合场景选择:涉及布局测量、避免闪烁时用useLayoutEffect,非视觉副作用用useEffect
  4. 理解服务端渲染警告和性能权衡
本题已收录答题指导

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

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