# 生命周期 (旧)

React 的生命周期可以为两条线,一是初始挂载阶段的生命周期,二是组件状态更新阶段的生命周期。在组件挂载阶段的生命周期只会触发一次,而组件状态更新阶段的生命周期可以多次触发。

在下图中,左边为挂载阶段的生命周期,右边为状态更新阶段的生命周期。

Untitled Diagram (1)

特别说明 componentWillRecevieProps 函数只有在父组件给子组件传递 props 时才会被调用。而 shouldComponentUpdate 则一定会被调用,若我们不自己指定则会默认 return true

# 生命周期 (新)

React 16.3 中引入了新的生命周期,在旧版生命周期中删除了 componentWillReceivePropscomponentWillMountcomponentWillUpdate 这三个生命周期。引入了两个新的生命周期 getDerivedStateFromPropsgetSnapshotBeforeUpdate

React生命周期(新)