react生命周期

 我来答
大沈他次苹0B
2022-06-12 · TA获得超过7326个赞
知道大有可为答主
回答量:3059
采纳率:100%
帮助的人:178万
展开全部
React生命周期

一、react组件的生命周期

1、生命周期指的是组件从初始化开始到结束的过程  或者是生命周期是描述react组件从开始到结束的过程

2、每个react组件都具有生命周期

3、react都对组件通过生命周期给予的钩子函数进行管理

二、钩子函数

指的是系统某些状态和参数发生改变的时候,系统立马去通知对应处理的函数    叫做钩子函数;一方面又变动。另一方面立马去处理

三、react组件经历总体阶段

1、mounted阶段  加载阶段  或者说初始化阶段  这个阶段组件由jsx转换成真实dom

2、update阶段 组件运行中阶段 或者更新阶段  当组件修改自身状态,或者父组件修改子组件属性的时候发生的阶段

3、umount阶段  组件卸载阶段  这个一般是组件被浏览器回收的阶段

四、生命周期整体流程:

1、实例化

getDefaultProps 取得默认属性

getInitialState 初始化状态

componentWillMount 即将进入dom

render 描画dom

componentDidMount 已经进入dom

2、具体的声明函数周期---运行中阶段  数据更新过程

运行中阶段只有在父组件修改了子组件的属性或者说一个组件修改自身的状态才会发生的情况

1、组件将要接受新值componentWillReceiveProps(已加载组件收到新的参数时调用)

2、组件是否更新 shouldComponentUpdate  (影响整个项目的性能,决定视图的更新)

3、组件即将更新 componentWillUpdate

4、必不可少的render

5、组件更新完毕时运行的函数 componentDidUpdate

3、销毁时 componentWillUnmount

卸载组件

ReactDOM.unmountComponentAtNode(‘节点’)
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式