React生命周期基础详情

React的生命周期

先来了解一下react的生命周期函数有哪些：

组件将要挂载时触发的函数：componentWillMount
组件挂载完成时触发的函数：componentDidMount
是否要更新数据时触发的函数：shouldComponentUpdate
将要更新数据时触发的函数：componentWillUpdate
数据更新完成时触发的函数：componentDidUpdate
组件将要销毁时触发的函数：componentWillUnmount
父组件中改变了props传值时触发的函数：componentWillReceiveProps

React生命周期和生命周期函数

生命周期：从组件创建到销毁的整个过程，主要分成以下几个阶段：

 - 挂载阶段（Mount）：组件第一次在DOM树中被渲染的过程
 - 更新阶段（Update）：组件状态发生变化，重新渲染DOM树的过程
 - 卸载阶段（Unmount）：组件从DOM树中被移除的过程

生命周期函数：React内部为了告诉我们当前处于哪个阶段，会对我们组件内部实现的某些函数进行回调，这些回调函数就是生命周期函数，我们可以在这些回调函数中编写自己的逻辑代码，来完成自己的功能需求。

• 初始化阶段执行的生命周期函数：constructor()

• 挂载阶段执行的生命周期函数：
  componentWillMount()
  render()
  componentDidMount()

• 更新阶段执行的生命周期函数：

  componentWillReceiveProps()
  shouldComponentUpdate()
  componentWillUpdate()
  render()
  componentDidUpdate()

• 卸载阶段执行的回调：

componentWillUnmount()