react生命周期的理解

在做了这么多的React的需求之后，我意识到，自己对于react的了解真的只是浮于表面，没有深入理解内部的原理，今天又细细学习了关于生命周期的一些概念和原理：

React声明周期的四个大阶段：

1. Initialization:初始化阶段。
2. Mounting: 挂在阶段。
3. Updation: 更新阶段。
4. Unmounting: 销毁阶段

componentWillMount----组件将要挂载到页面的时刻执行
render----开始挂载渲染
componentDidMount----组件挂载完成的时刻执行

shouldComponentUpdate---组件发生改变前执行
componentWillUpdate---组件更新前，shouldComponentUpdate函数之后执行
render----开始挂载渲染
componentDidUpdate----组件更新之后执行

 

生命周期函数指在某一个时刻组件会自动调用执行的函数

开发阶段主要用到的生命周期的一些函数：

挂载阶段：componentWillMount,componentDidMount

组件更新阶段：shouldComponentUpdate（这个函数还可以用来进行性能优化），componentWillUpdate，componentDidUpdate

销毁阶段：componentWillUnmount

另外还有一个componentWillReceiveProps 表示子组件接受父组件传递过来的参数，父组件render函数重新执行的时候触发

上面所提到的优化页面性能，减少render刷新的次数还可以利用shouldComponentUpdate函数

shouldComponentUpdate(nextProps,nextState){
    if(nextProps.content !== this.props.content){
        return true
    }else{
        return false
    }
}