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 ( )