全书目录

第一篇:React 完全指南 —— 空调宇宙

第十三章:组件生命周期(全景图)

1 分钟 0 字 第 35 / 962 个阅读单元
text
┌─────────────────────────────────────────────────────────────┐
│                    空调的一生                              │
│                                                             │
│  安装 (Mount)                                               │
│  │  组件第一次出现在页面上                                   │
│  │  → useEffect(() => { ... }, []) 执行                     │
│  │  → "空调通电,连接 WiFi,初始化传感器"                     │
│                                                             │
│  运行 (Update)                                              │
│  │  state 或 props 变了 → 组件重新渲染                        │
│  │  → useEffect(() => { ... }, [dep]) 检查依赖,变了就执行     │
│  │  → "温度变了,面板刷新,自动调节风速"                      │
│                                                             │
│  拆除 (Unmount)                                             │
│  │  组件从页面移除                                            │
│  │  → useEffect 的 return 清理函数执行                        │
│  │  → "空调断电,断开 WiFi,关闭定时器"                        │
└─────────────────────────────────────────────────────────────┘