react简书项目学习笔记10生命周期函数

生命周期函数指在某一时刻调用的函数

1.初始化
这时候执行的其实就是constructor
react简书项目学习笔记10生命周期函数
2.mount挂载
componentWillMount – render – componentDidMount
组件即将被挂载到页面上–挂载–组件被挂载到页面上之后执行
componentWillMount, componentDidMount只会在第一次的时候执行
3.update更新
组件更新有两种情况
1.props发生变化
2.states发生变化

react简书项目学习笔记10生命周期函数
shouldComponentUpdate在组件被更新之前被执行
(返回true或false来决定组件是否需要被更新)
react简书项目学习笔记10生命周期函数
componentWillUpdate在组件更新之前,shouldComponentUpdate之后执行, 只有shouldComponentUpdate返回的值是true它才会执行

componentDidlUpdate在组件更新之后执行

比较特殊的componetWillReceiveProps是在组件有接收props参数的情况下它才会执行
1.组件要从父组件接受参数
2.如果这个组件第一次存在于父组件中,不会执行
3.如果这个组件之前已经存在于父组件中,才会执行

4.unmount把组件从页面剔除
componentWillUnmount组件即将被移除的时候执行