React 生命周期
前言
React生命周期也是一个老生常谈的问题。项目上也是边摸索边用。
正文
在进行项目时,Vscode编辑器中打出 com
三个关键字,就可以编辑器联想到的所有生命周期类型什么的。看语义,我尝试使用 componentWillMount
和 componentWillReceiveProps
两个生命周期函数。后来查了一下资料,也确实是用这两个函数,完成了我们大部分的需求。
componentWillMount
顾名思义,组件加载前,这个阶段,我们一般进行接口请求的操作,请求结果数据保存在 model 中,使用 componentWillReceiveProps
函数就收返回,改变状态完成界面更新。
那除了这两个,其他也都需要了解一下,由此也有了这篇文章
首先生命周期主要分三个过程: Mounting(装载),Updating(更新),Unmounting(卸载)
每个组件都有几个 “生命周期方法” ,我们可以重写这些方法,以在过程中的特定时间运行代码。 前缀为 will 的方法在一些事情发生之前被调用,而前缀为 did 的方法在一些事情发生后被调用。
当Mounting发生的时候,以下函数先后触发
constructor()
componentWillMount()
render()
componentDidMount()
当Updating发生的时候,以下函数先后触发:
componentWillReceiveProps()
shouldComponentUpdate()
componentWillUpdate()
render()
componentDidUpdate()
当Unmounting发生的时候,这个函数触发:
componentWillUnmount()