React 组件的生命周期是指组件从创建到销毁的整个过程。React 提供了一些生命周期方法,允许开发者在组件的不同阶段执行特定的操作。随着 React 16.3 版本的发布,生命周期方法有所更新,主要分为三个阶段:挂载、更新和卸载。
- 挂载阶段
组件刚被创建并插入 DOM 时会调用以下方法:
constructor(props)
用于初始化状态和绑定事件处理程序。此方法在组件被创建时调用。
static getDerivedStateFromProps(nextProps, prevState)
在渲染之前调用,返回一个对象来更新状态,或返回 null 表示不需要更新。它在每次渲染时都会被调用。
render()
必须实现的方法,返回要渲染的元素。该方法不会直接修改组件的状态。
componentDidMount()
组件首次渲染后立即调用,适合进行异步请求、添加事件监听等操作。
- 更新阶段
组件的更新可以由状态或属性的变化引起,以下是相关的方法:
static getDerivedStateFromProps(nextProps, prevState)
此方法在更新时也会被调用,与挂载阶段相同。
shouldComponentUpdate(nextProps, nextState)
允许控制组件是否重新渲染。返回 false 将跳过后续的更新过程。
render()
和挂载阶段的 re