React学习记录二：生命周期

一、废弃的三个生命周期

1. componentWillMount   组件将要挂载时调用

2. componentWillReceiveProps   组件接收新的props之前调用(父组件中的props更新时)

3. componentWillUpdate   组件将要更新时调用

二、生命周期

	执行时机	初始化执行顺序	更新时执行顺序
constructor	组件初始化时调用	1
render	组件初始化时调用、组件更新时调用	3	3
componentDidMount	组件挂载完毕时调用	4
componentDidUpdate	组件更新完毕时调用		5
componentWillUnMount	组件将要卸载时调用
shoulComponentUpdate	控制组件是否更新。触发更新时第一个调用(强制更新不触发)		2
getSnapshotBeforeUpdate	组件更新之前调用。常用于保存更新前的数据(接收两个参数:更新前的props和state)		4
getDerivedStateFromProps	静态定义。初始化时调用、组件更新时调用。基本不用	2	1

三、组件挂载、卸载方法

挂载方法	ReactDOM.render(组件标签 , 挂载到的DOM节点)
卸载方法	ReactDOM.unmountComponentAtNode(要卸载的DOM节点)