[React] [Redux] react-redux 项目采坑记录

本文记录了一次从Flux迁移到Redux的过程中遇到的问题,即请求陷入死循环导致浏览器崩溃。通过排查发现,问题源于connect方法的不当使用,具体来说是mapStateToProps被忽略和mapDispatchToProps未正确返回对象。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

项目状态管理由Flux向Redux迁移过程中,产生了请求死循环发送导致浏览器崩溃的情况。起初认为是业务逻辑问题,照此思路查错未果,后发现是小的语法问题,自己大意导致,在此做一记录,望日后自己能仔细些。

错误代码:



错误1:

错误2:

页面跳转时请求反复发送进入死循环

解决:

1. connect方法是一个高阶组件,其有4个参数,通常我们只写mapStateToProps和mapDispatchToProps,这里由于我并没有state到props的映射,就把mapStateToProps直接忽略掉没写,我们将mapStateToProps设成null即可。


2. mapDispatchToProps方法需返回一个plain object(含有零个或多个的key/value对),加上如下以解决,


原来没加括号时,意为执行大括号内代码,加上括号则表示return {tracePage: ...}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值