React之生命周期函数

React之生命周期函数

一:Mounting

1:componentWillMount():在组件即将挂载在页面的时刻自动执行

2:render():

3:componentDidMount():在组件挂载在页面后的时刻自动执行

二:Updation

1:componentWillReceiveProps():需要满足三个条件才会执行

一个组件要从父组件接受参数

如果这个组件第一次存在父组件中,不会执行

如果这个组件已经存在父组件中,才会执行                            

2:shouldComponentUpdate():组件被更新之前,会自动执行,返回一个布尔值,

表示组件是否应该被更新

如果return true;执行组件更新函数componentWillUpdate()

3:componentWillUpdate():组件被更新之前,会自动执行,

但是它在shouldComponentUpdate()返回true之后执行

如果shouldComponentUpdate()返回的是false,则不执行

4:render():重新渲染虚拟DOM

5:componentDidUpdate():组件被更新之后,会自动执行

三:Unmounting

1:componentWillUnmount():组件卸载之后执行