Redux中给action添加dispatch后无法执行,移除dispatch则运行正常
问题根因
你的代码错误出在my_team_container.jsx的mapDispatchToProps(mDTP)逻辑中:你直接调用了thunk action creatorgetOrganizationSurvey(),但没有将它返回的异步函数交给dispatch执行,导致redux-thunk中间件没有触发对应逻辑,所以内部的debugger和请求都不会运行。
解决方案
修改my_team_container.jsx中的mDTP代码即可,有两种实现方式可选:
方式1:手动包裹dispatch
const mDTP = dispatch => { return { getSurvey: () => dispatch(getOrganizationSurvey()), }; };
方式2:使用connect的对象简写语法
如果不需要自定义额外逻辑,直接给mDTP传对象即可,react-redux会自动把所有action creator包装为自动dispatch的版本,代码更简洁:
const mDTP = { getSurvey: getOrganizationSurvey };
排查思路补充
- 所有返回函数的thunk action creator,调用后必须传入
dispatch才会执行内部逻辑,直接调用只会返回一个待执行的函数,不会触发请求或dispatch操作 - 本次没有任何报错是因为仅创建了thunk函数但未执行,不存在语法或运行时异常,所以控制台无错误输出
- 你其他组件正常运行的原因,就是其他组件的mDTP要么手动加了dispatch包裹,要么用了对象简写语法,你当前组件漏了这一步
内容的提问来源于stack exchange,提问作者pr0grara
相关产品推荐
相关产品推荐

