┌─────────────────────────────────────────────────────────────┐
│ 空调的一生 │
│ │
│ 安装 (Mount) │
│ │ 组件第一次出现在页面上 │
│ │ → useEffect(() => { ... }, []) 执行 │
│ │ → "空调通电,连接 WiFi,初始化传感器" │
│ │
│ 运行 (Update) │
│ │ state 或 props 变了 → 组件重新渲染 │
│ │ → useEffect(() => { ... }, [dep]) 检查依赖,变了就执行 │
│ │ → "温度变了,面板刷新,自动调节风速" │
│ │
│ 拆除 (Unmount) │
│ │ 组件从页面移除 │
│ │ → useEffect 的 return 清理函数执行 │
│ │ → "空调断电,断开 WiFi,关闭定时器" │
└─────────────────────────────────────────────────────────────┘第一篇:React 完全指南 —— 空调宇宙