react的生命周期

加载流程
1.construction 构造器
2.componentWillMount 组件加载前的钩子函数
3.render 加载组件
4.componentDidMount 组件加载后的钩子函数
5.componentWillUnmount 组件卸载后的钩子函数

修改转态更新
1.setState 当改变状态
2.shouldComponentUpdate 调用这个阀门函数 返回的是布尔值
3.componentWillUpdate 组件将要更新
4.render 加载组件
5.componentDidUpdate 组件加载后的钩子函数

强制更新
1.forceUpdate
2.componetwillUpdate
3.render 加载组件
4.componentDidUpdate

父子组件render
1.componeWillReceiveProps 组件将要接收Props的时候调用 第一次不算
2.shouldComponentUpdate 调用这个阀门函数 返回的是布尔值
3.componentWillUpdate 组件将要更新
4.render 加载组件
5.componentDidUpdate 组件加载后的钩子函数

1.初始化阶段:有ReactDOM.render()触发----初次渲染
1.constructor()
2.componentWillMount()
3.render()
4.componetDidMount() ===>常用
一般在这个钩子中做一些初始化的事,例如:开启定时器、发送网络请求、订阅消息

2.更新阶段:由组件内部this.setSate()或父组件render触发
1.shouldComponentUpfate()
2.componetwillUpdate()
3.render()
4.componetDidUpdate()

3.卸载组件:有ReactDOM.unmountComponentAtNode()触发
1.componentWillUnmount() =====》常用
一般在这个钩子中做一些收尾的事,例如:关闭定时器、取消订阅消息

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值