React声明周期的四个阶段
-
Initialization:初始化阶段。 -
Mounting: 挂载阶段。 -
Updation: 更新阶段。 -
Unmounting: 销毁阶段。
构造函数不算生命周期函数。但是可以看做
Initialization阶段，定义属性props和状态state。
Mounting挂载阶段
挂载阶段伴随着整个虚拟DOM的生成，里面有三个小生命周期函数。
-
componentWillMount:在组件即将被挂载到页面的时课执行。 -
render：页面state或props发生变化时执行。 -
componentDidMount:组件挂载完成时执行。
componentwillMount,componentDidMount这两个生命周期函数，只在页面刷新时执行时执行一次，而render函数是只要有state和props变化就会执行。
shouldComponentUpdate函数
在跟新前自动执行，返回fales,不会进行跟新，返回true,同意组件跟新。
componentWillUpdate函数
在组件跟新组件之前，shouldComponenUpdate之后执行。返回false，该函数就不会执行。
componentDidUpdate
在组件更新之后更新，是组件更新的最后一个环节。
网友评论