生命周期--v2v3react
时间: 2023-09-30 14:11:57 浏览: 44
React 的生命周期分为两部分:Mounting 和 Updating。其中 Mounting 阶段发生在组件第一次被创建并插入到 DOM 中,而 Updating 阶段发生在组件被重新渲染时。
Mounting:
1. constructor:组件被创建时调用,用于初始化 state 和绑定方法。
2. getDerivedStateFromProps:组件接收到新的 props 时调用,返回一个对象来更新 state。
3. render:根据 props 和 state 渲染组件。
4. componentDidMount:组件第一次被渲染后调用,可以进行异步请求和 DOM 操作。
Updating:
1. getDerivedStateFromProps:组件接收到新的 props 时调用,返回一个对象来更新 state。
2. shouldComponentUpdate:组件更新前调用,用于判断是否需要重新渲染组件。
3. render:根据 props 和 state 渲染组件。
4. getSnapshotBeforeUpdate:在组件更新前调用,返回一个值作为 componentDidUpdate 中第三个参数。
5. componentDidUpdate:组件更新后调用,可以进行 DOM 操作。
Unmounting:
1. componentWillUnmount:组件被卸载前调用,可以进行清理操作,比如取消定时器和移除事件监听器等。
可以看出,React 的生命周期钩子函数主要分为三类:初始化、更新和卸载。通过这些钩子函数,我们可以在不同的阶段对组件进行处理,从而实现各种复杂的功能。