React基础(二)


目录

暂无目录

生命周期(旧)

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

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

Untitled Diagram (1)

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

生命周期(新)

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

React生命周期(新)