须知

什么是生命周期？就像人有生老病死，component也有类似这样的概念，了解生命周期可以让我们知道如何在「对」的时间做「对」的事。 — Lieutenant

过！

常用生命周期

可以分为三大部分

• 创建component (componentDidMount)
• 更新component(componentDidUpdate)
• 销毁component (componentWillUnmount)

mounting阶段

constructor ：初始化
static getDerivedStateFromProps
componentWillMount（即将废弃
render ：渲染
componentDidMount： DOM挂载完成

updating阶段

componentWillReceiveProps ：props改变时才触发（即将废弃
static getDerivedStateFromProps
shouldComponentUpdate
componentWillUpdate（即将废弃
render
getSnapshotBeforeUpdate ：component更新前执行
componentDidUpdate ：component已经更新完毕