react 新旧生命周期

React 16之前，React组件的生命周期分为三个阶段：挂载、更新和卸载。而从React 16开始，引入了新的生命周期方法，以便更好地处理组件的状态变化。

旧的生命周期方法包括：
- `componentWillMount`：在组件将要被挂载到DOM中之前调用。
- `componentDidMount`：在组件已经被挂载到DOM中后调用。
- `componentWillReceiveProps`：在组件接收到新的props之前调用。
- `shouldComponentUpdate`：在组件接收到新的props或state之前，确定是否重新渲染组件。
- `componentWillUpdate`：在组件更新之前调用。
- `componentDidUpdate`：在组件更新之后调用。
- `componentWillUnmount`：在组件将要被卸载之前调用。

新的生命周期方法包括：
- `getDerivedStateFromProps`：在组件接收到新的props之后，返回一个新的state对象。
- `getSnapshotBeforeUpdate`：在组件更新之前获取一个快照信息。

React官方推荐使用新的生命周期方法来替代旧的方法，因为旧的方法有一些问题以及潜在的性能问题。但是，为了向后兼容，旧的生命周期方法仍然可以使用。

需要注意的是，从React 17开始，部分旧的生命周期方法已经被废弃。具体来说，`componentWillMount`、`componentWillReceiveProps`和`componentWillUpdate`已经被废弃，并且在未来的版本中将会移除。因此，在新的React项目中，建议使用新的生命周期方法来替代这些废弃的方法。