我在一个项目中使用 React 和 Redux，但在实现启用/禁用按钮的功能时遇到问题。我已经能够：
- 触发一个方法
- 让该方法触发动作创建者
- 调度一个动作
- 在减速器中捕获该操作并创建一个新的更新状态
- 在 Redux DevTools 中查看更新后的状态
但是，启用/禁用功能仍然不起作用，因为看起来mapStateToProps and connect实际上并没有将状态映射到道具。我正在追踪canSubmit，它在状态内发生变化，但undefined在道具中。为了成功地将状态映射到道具，我缺少什么？
相关代码：
用户表单视图.js
const mapStateToProps = (state) => ({
routerState: state.router,
canSubmit: state.canSubmit
});
const mapDispatchToProps = (dispatch) => ({
actions: bindActionCreators(ActionCreators, dispatch)
});
class UserFormView extends React.Component {
...
}
export default connect(mapStateToProps, mapDispatchToProps)(UserFormView);
Actions:
export function enableSubmit(payload) {
return {
type: ENABLE_SUBMIT,
payload: payload
};
}
export function disableSubmit(payload) {
return {
type: DISABLE_SUBMIT,
payload: payload
};
}
减速器（使用 createReducer 辅助函数）：
const initialState = {
canSubmit: false
};
export default createReducer(initialState, {
[ENABLE_SUBMIT]: (state) => {
console.log('enabling');
return Object.assign({}, state, {
canSubmit: true
});
},
[DISABLE_SUBMIT]: (state) => {
console.log('disabling');
return Object.assign({}, state, {
canSubmit: false
});
}
});
