参考:https://www.cnblogs.com/erbingbing/p/10211495.html //react 版本迭代
https://www.jianshu.com/p/2c85958371af
react的生命周期。分为三个阶段
1.组件的创建阶段。组件的生命周期函数只执行一次。
componentWillMount:组件将要被挂载。
render:第一次开始渲染真正的虚拟DOM,当render执行完。内存中就有完整的虚拟DOM了。
componentDidMount:组件完成挂载,此时组件已经显示在页面上。
2.组件运行阶段。根据组件state和props的改变。
componentWillReceiveProps:组件将要接受新的属性。
shouldComponentUpdate:组件是否需要进行更新。此时,组件尚未被更新。
componentWillUpdate:组件将要被更新。
componentDidUpdate:此时页面被重新渲染。
render:根据新的state和props重新的渲染内存中的虚拟DOM数。
3.组件的销毁阶段:
componentWillUnmount:组件将要被卸载的时候。
react 周期图示
网友评论