React的生命周期

生命周期分为三个阶段,分别是挂载阶段、更新阶段、卸载阶段。

挂载阶段
  1. constructor():构造函数,最先被执行,通常会在里面声明state对象或自定义方法绑定this。constructor有参数props,想在函数内部使用参数时,需要使用super()传入这个参数。
  2. render(): 只返回需要渲染的东西。更改state或props会重新渲染。
  3. componentDidMount(): 组件挂载之后调用,此函数可以获取dom节点并且操作。可以在这里面进行ajax请求等。一定别忘记在componentWillMount中取消ajax请求
更新阶段

componentDidUpdate(prevProps,prevState):组件更新完成时触发的函数
这是组件更新之后触发的生命周期钩子,组件更新完毕后,react只会在第一次初始化成功会进入componentDidMount,之后每次重新渲染后都会进入这个生命周期,这里可以拿到prevProps和prevState,即更新前的props和state。

卸载阶段

componentWillUnMount ():组件将要销毁时触发的函数,这是组件卸载之前的生命周期钩子,在此处完成组件的卸载和数据的销毁。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值