react中新旧生命周期

React中新旧生命周期的对应关系如下：

旧生命周期 | 新生命周期 | 说明
---|---|---
componentWillMount() | constructor() | 组件初始化，使用constructor()来代替componentWillMount()
componentDidMount() | componentDidMount() | 组件挂载到DOM上，无需变化
componentWillReceiveProps() | static getDerivedStateFromProps() | 组件接收到新的props，使用static getDerivedStateFromProps()来代替componentWillReceiveProps()
shouldComponentUpdate() | shouldComponentUpdate() | 组件是否应该更新，无需变化
componentWillUpdate() | getSnapshotBeforeUpdate() | 组件即将更新，使用getSnapshotBeforeUpdate()来代替componentWillUpdate()
componentDidUpdate() | componentDidUpdate() | 组件更新完毕，无需变化
componentWillUnmount() | componentWillUnmount() | 组件卸载，无需变化