React的生命周期

React的生命周期

• 1. 挂载卸载过程
  • 1.1.constructor()
  • 1.2.componentWillMount()
  • 1.3.componentDidMount()
  • 1.4.componentWillUnmount ()
• 2. 更新过程
  • 2.1. componentWillReceiveProps (nextProps)
  • 2.2.shouldComponentUpdate(nextProps,nextState)
  • 2.3.componentWillUpdate (nextProps,nextState)
  • 2.4.componentDidUpdate(prevProps,prevState)
  • 2.5.render()
• 3. React新增的生命周期
  • 3.1. getDerivedStateFromProps(nextProps, prevState)
  • 3.2. getSnapshotBeforeUpdate(prevProps, prevState)

---

这周开始学习React的生命周期。

React的生命周期从广义上分为三个阶段：挂载、渲染、卸载

因此可以把React的生命周期分为两类：挂载卸载过程和更新过程。
React的生命周期图: