返回知识详解
React 方向

useEffect 与副作用清理

依赖数组如何决定执行时机,清理函数在何时运行。

依赖数组决定执行时机

useEffect(fn, deps)

  • 不传 deps:每次渲染后都执行
  • []:仅挂载后执行一次
  • [a, b]:a 或 b 变化时执行

fn 可返回一个清理函数。在「下一次 effect 执行前」会先运行上一次的清理函数,组件卸载时也会运行最后一次清理——用于解绑事件、清除定时器、取消请求。

可运行 Playground
加载交互编辑器…
学完了?做几道题巩固一下
针对「React 方向」范围练习