在较早版本的 React 中,存在一组称为 “生命周期方法” 的特殊函数,用于在组件的不同阶段执行特定操作。然而,从 React 16.3 开始,React 引入了新的生命周期方法,并逐渐弃用了一些以前的方法。以下是一个包含常用 React 组件生命周期的概述(基于 React 16.11 版本):

Mounting(挂载阶段):

constructor(): 组件被创建并初始化时调用,用于初始化组件的状态(state)和绑定事件处理函数(bind(this))。
static getDerivedStateFromProps(props, state): 在挂载阶段和更新阶段被调用,用于根据新的属性(props)更新状态(state)。
render(): 必须的生命周期方法,用于生成组件的 JSX 展示内容。
componentDidMount(): 组件挂载到 DOM 后立即被调用,可以进行异步操作、数据请求等。
Updating(更新阶段):

static getDerivedStateFromProps(props, state): 在更新阶段被调用,用于根据新的属性(props)更新状态(state)。
shouldComponentUpdate(nextProps, nextState): 决定组件是否需要重新渲染,默认返回 true。可以进行性能优化判断,避免不必要的渲染。
render(): 更新阶段也会调用 render() 方法,用于重新生成 JSX 内容。
getSnapshotBeforeUpdate(prevProps, prevState): 在更新 DOM 前被调用,用于获取更新前的 DOM 状态。
componentDidUpdate(prevProps, prevState, snapshot): 组件更新后被调用,可以进行 DOM 操作或更新后的副作用处理。
Unmounting(卸载阶段):

componentWillUnmount(): 在组件从 DOM 中被移除前被调用,进行清理操作、取消订阅等。
此外,从 React 16.6 开始,还引入了另外两个生命周期方法:

static getDerivedStateFromError(error): 在组件内部的子组件抛出错误时被调用,返回一个用于更新状态的对象。
componentDidCatch(error, info): 在子组件抛出错误后被调用,用于记录错误信息或进行错误边界处理。
需要注意的是,React 17 版本已经弃用了一些过时的生命周期方法,例如 componentWillMount、componentWillReceiveProps 等。

以上是 React 中常用的生命周期方法,每个生命周期方法在特定的阶段被调用,开发者可以根据不同的需求在对应的生命周期方法中执行特定的操作。