再次理解react生命周期函数

在学习react的过程中，生命周期函数是一个非常核心的概念，对react生命周期函数的了解就是对react工作机制的了解。而生命周期函数对于初学者而言不好记忆，故有此文作为理解和梳理生命周期函数这个知识点。

1. 核心是constructor和render
   react的class component最核心的生命周期函数是这两个。constructor是用来初始化state和绑定类方法的，而render函数需要理解：它是一个纯函数。纯函数的意思是指，它的输出不能和输入值以外的任何资讯有关，简单来说，它就是最纯粹的，拿到输入，然后得到相应的输出。所以，在render中使用this.setState等等会触发其他事件的方法是绝对错误的。
2. 三个阶段
   react组件有三个阶段，第一个阶段是挂载（Mount），第二个阶段是更新（Update），第三个阶段是卸载（Unmount），生命周期函数是围绕这三个阶段布置的。

• 卸载只有一个生命周期函数即ComponentWillUnmount，它用来安排组件将要卸载前要做的清理工作。
• 无论是挂载还是更新，其展示于页面都需要通过render（）函数
• 在render函数前后，都包含一个ComponentWill…和ComponentDid…的生命周期函数，ComponentWill…函数往往没有太多实际用途，是放置下来的一个阶段，ComponentDid…则用来写触发事件，引发下一次render（）的内容
• 在更新阶段，比挂载阶段多一个ShouldComponentUpdate函数，这个函数通过判断preProps和preState来返回一个boolean值，这个boolean值用来决定组件是否render（），这个可以用来提升组件性能，阻止某些变化引起函数重新渲染。这个函数相当于constructor在挂载阶段发挥的作用，即作为下一场render的开端。
• 在挂载阶段，componentDidMount只会调用一次。
• 由上述，可以写出一个完整的链条，为
  (constructor -> componentWillMount -> render -> componentDidMount) -> (shouldComponentUpdate -> componentWillUpdate -> render -> componentDidUpdate) -> componentWillUnmount