react生命周期函数总结

当程序可以运行,一个组件的生命周期函数运行流程

挂载阶段：

componentWillMount: 组件将要挂载时执行，此时可以获取到this.state，this.props，但是获取不到DOM元素

render：render表示虚拟DOM开始构建，但是此时还没有开始挂载，注意的是在render中不能修改state，否则容易导致爆栈，当return结束后，表示此时虚拟DOM构建完毕

componentDidMount: 此时组件挂载完毕，此时可以通过document.getElementById（id）等方法获取到DOM元素，此时表示程序挂载完成，开始进入运行阶段

运行阶段：

componentWillReceiveProps:父组件改变传递参数时执行，接收一个参数，为最新的props,注意点：组件第一次渲染时得到父组件传值时，该生命周期函数不会被调用；

shouldComponentUpdate：,当数据发生改变时触发，只能返会Boolean值，true：表示渲染页面，false:表示不渲染页面，可以接收两个参数，shouldComponentUpdate(nextProps, nextStates){}

表示改变后的props和state，如果通过this.props和this.state拿到的是未改变之前的值

componentWillUpdate:页面将要更新时执行，此时还未更新；接收的参数和shouldComponentUpdate相同

render: 再次构建虚拟DOM，

componentDidUpdate: 页面更新完成，接收两个参数，componentDidUpdate(nextProps, nextStates){},这两个参数分别是未更新之前的props和state。

销毁阶段：

componentWillUnmount: 组件将要销毁执行