什么是生命周期函数
生命周期函数指在组件运行的某一个时刻会自动调用执行的函数。
生命周期函数图
-
initialization(constructor中做页面的props和state的一些配置)
页面初始化的时候执行。
-
Monuting (组件第一次将被挂载在页面中)
ComponentWillMount在组件即将被挂载到页面时立刻执行。
render页面挂载的时候执行。
ComponentDidMount页面挂载之后执行。
tips:ComponentWillMount和ComponentDidMount只会在第一次挂载的时候执行。
-
Updation(组件发生更新的时候执行主要包含
props和states的变化)
shouldComponentUpdate组件被更新之前，它会自动执行，结果返回一个布尔值，如果返回false，则组件不会往下执行。
componentWillUpdate组件被更新之前，它会自动执行，但是它在shouldComponentUpdate之后执行，执行的前提条件为shouldComponentUpdate返回true。
render数据发生改变，虚拟dom开始更新，页面重新渲染
componentDidUpdate组件更新完成之后执行
componentWillReceivProps主要发生在子组件，执行有2个前提：1、一个组件要从父组件接受参数。2、只要父组件的render函数被重新执行了，子组件的这个生命周期函数就会被执行(这个组件第一次存在于父组件中不会执行，只有当它已经存在于父组件中才会执行)。
-
Unmounting
componentWillUnmount当这个组件即将被页面中剔除的时候，就会执行。
