1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
| 1. Class 组件生命周期
基于类的组件，具有完整生命周期方法：
-constructor()：组件创建时调用，常用于初始化 state。
-componentDidMount()：组件挂载完成后调用，常用于网络请求或订阅。
-shouldComponentUpdate()：控制组件是否需要重新渲染。
-componentDidUpdate(prevProps, prevState)：组件更新后调用。
-componentWillUnmount()：组件卸载前调用，用于清理定时器、事件监听等
2.Function 组件生命周期
函数组件借助 Hook 实现生命周期逻辑：
2.1 使用 useEffect() 模拟生命周期：
-相当于 componentDidMount：useEffect(() => { ... }, [])
-相当于 componentDidUpdate：useEffect(() => { ... }, [依赖项])
-相当于 componentWillUnmount：在 useEffect 内返回清理函数
2.2 示例
useEffect(() => {
// 初始化逻辑
return () => {
// 清理逻辑
};
}, []);
函数组件更简洁、灵活，推荐使用。
|