标签：useEffect

两者唯一的区别是执行时机——useLayoutEffect 在「DOM 更新后、浏览器绘制前」同步执行（会阻塞绘制），useEffect 在「绘制后」异步执行；需要「测量 DOM 并立即修正以防闪烁」时用前者。

赞(0)陌上寒2026-10-1812-高频面试题 阅读()去评论

手写 useEffect 的核心是「用 Object.is 逐个比较依赖数组」——不同则「先执行上次的清理函数，再执行本次的 effect」；所有 effect 都在「组件渲染完成后统一执行」。

赞(0)陌上寒2026-10-1711-手写实现 阅读()去评论

useEffect 的语义是「把组件与某个外部系统同步」——能不用就不用；派生数据直接算、事件逻辑写在事件处理里、重置状态用 key，只有「真的在与外部系统同步」时才用 Effect。

赞(0)陌上寒2026-10-1608-副作用与错误处理 阅读()去评论

竞态（race condition）指「多个并发请求，后发起的先返回，导致旧数据覆盖新数据」；解法是「取消（AbortController）或忽略（标记位）」，并且StrictMode 下的双执行会暴露这个问题。

赞(0)陌上寒2026-10-1507-数据请求与异步 阅读()去评论

useEffectEvent 解决的是一个长期无解的矛盾——「Effect 里需要读到最新的 props/state，但又不想因此重建副作用」；它返回一个「引用永远稳定、内部永远读到最新值、且只能从 Effect 里调用」的函数。

赞(0)陌上寒2026-10-1202-Hooks体系 阅读()去评论

useEffect 的语义是「把这个组件与某个外部系统同步起来」——它在渲染提交、浏览器绘制之后异步执行，通过依赖数组控制何时重新同步，通过清理函数保证「切换前先撤销上一次的同步」。

赞(0)陌上寒2026-10-1202-Hooks体系 阅读()去评论