react新旧生命周期

新旧生命周期的变化主要表现在以下几个方面：

1. 旧的生命周期：
- componentWillMount：组件即将挂载到页面的时刻执行。
- componentDidMount：组件挂载完成之后执行。
- componentWillReceiveProps：组件props发生变化时执行。
- shouldComponentUpdate：组件是否需要更新时执行。
- componentWillUpdate：组件即将更新时执行。
- componentDidUpdate：组件更新完成之后执行。
- componentWillUnmount：组件即将被销毁时执行。

2. 新的生命周期：
- getDerivedStateFromProps：组件props发生变化时执行，可以在这里返回一个新的state。
- getSnapshotBeforeUpdate：组件即将更新时执行，可以在这里获取到更新前的页面快照。

需要注意的是，新的生命周期函数并不完全替换旧的生命周期函数，而是在旧的生命周期函数的基础上进行了补充和调整。旧的生命周期函数仍然可以使用，并且在React 17版本之前仍然被支持。