基于redux的一些网络请求的理解(react相关)

由于新项目前端框架选型用到了react+redux+react-router的技术栈,最近一段时间终于重拾起了扔了两年的react,老泪纵横。。。react已经出到16+版本,据说facebook团队对react进行了大规模重构,但是对使用者没有丝毫的影响,牛啤!

-------------------------------碎碎念结束--------------------------


实际上在react中,如果不借助redux中间件,一般的网络请求是在 componentDidMount 生命周期中触发的,对于为什么是componentDidMount中发请求呢?
componentDidMount是官方推荐的用来发网络请求的生命周期,它是在组件完全挂载之后才会去触发的。因为本人之前的项目有用过Angular5,给我的感觉就像是componentDidMount和angular5中的ngOnInit,那为什么不在constructor中调用呢?合理的解释是因为这个时候组件还未挂载,在这个时候进行一些数据绑定的操作可能会找不到一些相应的DOM,导致报错。

OK,以上说明了为什么是在componentDidMount中发送网络请求,但实际上在项目中我看到很多人推荐用redux中间件去发送网络请求,以下会介绍我两种中间件。


1,redux-thunk使用方法详见readme。这个中间件的作用实际是给redux中的dispatch方法做了拓展,dispatch方法本身是接收一个对象的,通过redux-thunk,dispatch方法可以接收一个函数并调用。这个中间

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值