调用mapStateToProps似乎传递了错误的状态对象
call to mapStateToProps appears to pass wrong state object
我正在开发我的第一个React-Redux应用程序。
这是我的减速器的代码(我只有一个):
const CalculationsReducers = (state = {}, action) => {
switch (action.type) {
case CalculationsActions.LOAD_CALCULATIONS:
return Object.assign({}, state, {
calculations: [{
id: 'abc',
name: 'test',
date: 'test',
status: 'in progress'
}]
});
default:
return state;
}
};
这是我的'mapStateToProps'函数的代码,我使用connect()
const mapStateToProps = (s) => {
return {
calculations: s.calculations ||[]
};
};
当我分派一个load_calculation类型的动作时,我可以看到一个日志跟踪(使用react-logger),但是状态对象对我来说似乎很奇怪。有人能指出我的错误吗?
使用react-logger记录跟踪
工作流程看起来不错。state对象看起来也不错,但是在导入reducer来配置存储时,您可能需要更改别名,以使其更直观。
在你的配置存储文件中:
import calculations from 'reducers/CalculationReducer';
注意,它要求您将CalculationReducer
作为默认值导出。然后你将在你的状态对象中看到calculations
而不是CalculationReducer
。
我注意到你有一个payload
随着你的行动,但从来没有在减速机处理。如果你需要它在状态对象中,那么在reducer中使用action.payload
处理它。
相关文章:
- AJAX错误状态代码500内部服务器错误
- 处理角度.js承诺错误状态
- 如何在php中添加按钮而不是错误状态和成功消息
- 尽管成功传输了 json,但我的 Jquery.ajax 方法在响应中获得了错误状态
- Backbone.sync 获取所有响应错误状态代码
- AngularJS:如何获取$http的错误状态
- "回滚”;Ember模板中的错误状态
- Javascript:Phoenix频道立即进入错误状态
- Ember.js - Pod结构中的错误状态
- 根据用户选择/选项可用性切换选择框错误状态
- AngularJS验证更新另一个输入字段的错误状态
- 如果JSON中的键值为空,则发送错误状态(AJAX、Node和Express)
- ajax错误状态0与空错误在GETcalls
- Websocket错误:Websocket握手过程中出现错误:状态行中没有找到响应代码
- 如何获取NodeJS的错误状态码
- XMLHttpRequest总是调用";负载";事件侦听器,即使响应具有错误状态
- ui路由器解析功能中的处理错误?(又名$stateChangeError)将数据传递到错误状态
- 哪个 Http 错误/状态代码是合适的
- 错误状态:使用angular js和codeigniter 2.2
- 如何显示错误的密码在Firebase简单登录电子邮件密码的错误状态