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

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

错误代码:

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

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

错误1:

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

错误2:

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

解决:

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

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

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

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

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