React生命周期

在这里插入图片描述

组件初始化基本没有执行周期函数 就定义了constructor(props)的初始数据super(props);
this.state = {}
接下来是页面挂载阶段 会按顺序执行生命周期函数
componentWillMount , render , componentDidMount
需要注意是render是挂载元素的函数就是在render之前执行的函数都是拿不到元素的
如果页面中this.state = {}的数据发生变化 生命周期函数会按顺序执行
shouldComponentUpdate , componentWillUpdate , render , componentDidUpdate
会被执行 注意只有render执行之后页面才会被重新渲染
shouldComponentUpdate 方法可以给出返回值
默认true 如果给了false 执行完shouldComponentUpdate逻辑将停止 不会执行他之后的生命周期函数了
当组件要被移除之前会执行一个生命周期函数
componentWillUnmount
当父组件传递在子组件props里的数据发生变化时就好执行生命周期函数
componentWillReceiveProps , shouldComponentUpdate , componentWillUpdate , render , componentDidUpdate

  • 5
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值