react 生命周期函数
-
生命周期是指在某一个时刻组件会自动执行的函数
-
Initialization
- setup props and state
-
Mounting
组件第一次被挂载的时候-
componentWillMount()
: 组件即将被挂载到页面的时刻自动执行 -
render()
: 渲染挂载时执行 -
componentDidMount()
: 组件被挂载之后会被执行
-
-
Updation
更新-
公共
-
shouldComponentUpdate()
:组件被更新之前,会自动执行,返回布尔类型的结果(true
:更新,false
:不更新) -
componentWillUpdate()
:组件被更新之前,自动执行,但是在
shouldComponentUpdate
后执行,如果返回true
执行,返回false
不执行 -
render()
-
componentDidUpdate()
:组件更新完成之后,被执行
-
-
props
componentWillReceiveProps()
:当一个组件从父组件接受参数;只要父组件的render函数被重新执行了,子组件的这个生命周期就会被执行;(如果这个组件第一次存在于父组件中,不会执行,如果这个组件之前存在于父组件中,才会执行)
-
states
-
-
Unmounting
卸载componentWillUnmount()
:当这个组件即将被从页面中剔除的时候,被执行