React之生命周期

React之生命周期

1.mount

挂载阶段：组件实例被创建并插入DOM中时，依次调用
constructor ( ) —构造器，构造函数

static getDerivedStateFromProps ( ) — 从props（）获取派生状态 ；静态的方法，不在原型上

render ( ) —渲染

componentDidMount ( ) —在组件挂载后/插入DOM树中，立即调用。存放依赖于DOM节点的初始化；实例化ajax请求

2.update

更新阶段：组件的props或state发生变化时，触发更新。依次调用

static getDerivedStateFromProps ( )

shouldComponentUpdate (nextProps,nextState ) —返回值，判断 React 组件的输出是否受当前 state 或 props 更改的影响。默认行为是 state 每次发生变化组件都会重新渲染。state 或 props 更改时，会在渲染执行前被调用

render ( )

getSnapshotBeforeUpdate ( )

componentDidUpdate ( )

3.unmount

卸载阶段

组件从DOM中移除时调用：

componenWillUnmount( )

渲染过程，生命周期，子组件的构造函数抛出错误时，会调用：

static getDerivedStateFromProps ( )

componDidCatch ( )