React的生命周期

本文介绍了React组件的生命周期,包括初始化阶段的constructor、componentWillMount、render和componentDidMount四个函数,更新阶段的四个生命周期函数,以及销毁阶段的一个生命周期函数。通过这些函数,可以更好地理解和控制React组件的各个阶段行为。
摘要由CSDN通过智能技术生成

React的生命周期

生命周期函数

      概念:在程序的运行过程中,会自动执行的函数,被   称为生命周期函数。
      而React的生命周期函数则分为三个阶段:
             *第一阶段:初始化(挂载或加载)
             *第二阶段:更新
             *第三阶段:销毁
1, 初始化阶段里有四个生命周期函数:
   (1) getDefaultProps()可以设置组件的默认属性;
   (2)componentWillMount()是组件将要挂载时触发的函数,只调用一次;
   (3)render()是组件在创建虚拟dom,进行diff算法,更新dom树时在此函数中进行;
   (4)componentDidMount()是组件挂在完成时触发的函数;

第一步首先是constructor及this.state里的初始数据。
第二步接着是componentWillMount组件将要开始挂载了。
第三步是render解析渲染,render数据都渲染完成,
最后就是componentDidMount组件挂载完成。
代码如下:

 import React ,{Component} from 'react'

 class TodoList extends Component{
  construct
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值