react http请求_React 生命周期

6cbc0a109613620378c147b91ff58d23.png

生命周期事件是React提供的特殊方法,这些方法会自动绑定到组件实例,使我们能够挂接到组件声明周期,不同阶段以运行一些代码。有各种不同的生命周期事件,它们将在不同的时间点运行,但是我们可以将它们划分为三大类别:

添加到DOM中

当组件正在被添加到DOM中时,这些生命周期事件将被调用:

  • constructor()
  • componentWillMount()
  • render()
  • componentDidMount()

重新渲染 rendering

当组件正在重新渲染到DOM时,这些生命周期事件将被调用:

  • componentWillReceiverProps()
  • shouldComponentUpdate()
  • componentWillUpdate()
  • render()
  • componentDidUpdate()

从DOM中删除

当组件正在DOM中被删除时,以下生命周期事件将被调用

  • componentWillUnmount()

生命周期时间点,从做上角开始

c0d2cd8d0f718e05cbeb4d9962abcf79.png
位于组件生命周期不同阶段的React生命周期事件列表

常用生命周期

  • componentWillMount(): 在组件插入DOM之前立即被调用
  • componentDidMount(): 在组件插入DOM之后立即被调用
  • componentWillUnmount(): 在组件从DOM中删除之前立即被调用
  • componentWillReceiveProps():每当组件即将接受全新的属性时被调用

要使用其中一个事件,你只需在组件中使用相关名称创建一个方法,React 将调用该方法,这样可以轻松挂接到React组件的不同生命周期阶段。

import 

注意:render()仅用于渲染

注意:组件的render()方法应该仅用于渲染该组件,不应发出任何HTTP请求、获取用于显示内容的数据,此外,render()方法不应调用任何执行这些操作的其他函数。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值