web前端|react生命周期函数
2022-07-29 本文已影响0人
Confucianmen大宇
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
在组件更新之后更新,是组件更新的最后一个环节。