react18版本 所有 生命周期

在 React 18 版本中，与生命周期相关的概念被重新定义和扩展，主要包括以下几个方面：

1. 组件渲染阶段：React 18 引入了一个新的渲染器，称为“Concurrent Mode”（并发模式），它能够提高应用程序的性能和响应能力。在这种模式下，React 组件的渲染过程被分为两个阶段：“render”（渲染）和“commit”（提交）。其中，“render” 阶段包括以下生命周期方法：

- constructor：创建组件实例时调用，初始化状态和绑定事件处理程序等。
- getDerivedStateFromProps：在组件接收到新的属性时调用，用于更新状态。
- shouldComponentUpdate：在组件更新前调用，用于判断是否需要重新渲染组件。
- render：根据当前的状态和属性生成虚拟 DOM。
- getSnapshotBeforeUpdate：在组件更新前调用，用于获取当前的 DOM 状态。

2. 组件提交阶段：在 “commit” 阶段，React 将更新应用到 DOM 中。这个阶段包括以下生命周期方法：

- componentDidMount：组件挂载后调用，可以进行 DOM 操作和网络请求等。
- componentDidUpdate：组件更新后调用，可以进行 DOM 操作和网络请求等。
- componentWillUnmount：组件卸载前调用，可以进行清理操作，如取消定时器和移除事件监听器等。

在 React 18 中，还引入了一些新的概念和 API，如“useEffect”、“useLayoutEffect”、“useImperativeHandle”、“useMemo”、“useCallback”等，它们提供了更灵活和高效的方式来管理组件的状态和行为。此外，React 18 还支持异步渲染和模块热更新等新特性，以提高开发效率和用户体验。