React的组件生命周期方法分为三个阶段:挂载阶段(Mounting)、更新阶段(Updating)和卸载阶段(Unmounting)。以下是这些阶段中各个生命周期方法的描述和调用时机:
挂载阶段(Mounting)
- constructor(props)
- 调用时机:在React组件挂载之前被调用。
- 用途:用于初始化内部state或绑定事件处理函数。
- static getDerivedStateFromProps(props, state)
- 调用时机:在创建或更新阶段调用,或在props、state和render方法前调用。
- 用途:基于props更新state,在render之前返回新的state。
- render()
- 调用时机:在组件被挂载或更新时都会调用。
- 用途:返回需要渲染的React元素,不应该在这里直接修改state。
- componentDidMount()
- 调用时机:组件挂载到真实DOM节点后执行,render方法之后执行。
- 用途:发送网络请求、添加订阅、添加DOM事件监听器等初始化操作。
更新阶段(Updating)
- static getDerivedStateFromProps(props,