生命周期
旧版本
上面的生命周期图展示了不同情况的生命周期方法回调的顺序,共有四个起始点,也就是四种情况:
挂载时
,也就是组件第一次初始化的时候setState()
,调用setState()
更该状态机的时候forceState()
,调用forceState()
方法强制更新的时候父组件render
,父组件发生渲染时,也就是调用了render()
方法卸载,执行
componentWillUnmount()
新版本
新版本可以用旧版本的钩子,如果是已经移除的钩子函数,则需要增加UNSAFE
前缀。
三个被废弃的:
componentWillMount
componentWilReceiveProps
componentWilUpdate
新增的:
getDerivedStateFromProps
,(不常用)从Props中获取一个派生的State,这是一个静态方法。getSnapshortBeforeUpdate
,(不是太常用),再最后一次输出之前调用**使用场景:**让组件在发生更改之前从DOM中捕获一些信息(比如滚动位置),并将返回值作为参数传递给
componentDidUpdate()
最后更新于