React 的生命周期是指一个组件从创建到销毁的全过程。在 React 中,生命周期分为三个主要阶段:挂载(Mounting)、更新(Updating) 和 卸载(Unmounting)。每个阶段对应一些生命周期方法,这些方法允许开发者在组件的不同阶段插入自定义逻辑。
1. React 生命周期的不同阶段及对应方法
1. 挂载阶段 (Mounting)
挂载阶段是指组件被创建并插入到 DOM 中。这个阶段会依次调用以下方法:
- constructor(props):构造函数,用于初始化组件的 state 和绑定事件处理方法。
- static getDerivedStateFromProps(props, state):在每次渲染前调用。此方法根据 props 更新 state。
- render():必选方法,返回要渲染的内容。
- componentDidMount():组件挂载完成后调用,适合进行网络请求或 DOM 操作。
2. 更新阶段 (Updating)
更新阶段是指组件的 props 或 st