我已经浏览了我可以找到的用于使用 redux 和 react-router 构建 React 应用程序的所有文档和示例项目,但是我似乎无法弄清楚如何在我调度操作时更新我的 redux 状态。正如您在此屏幕截图中看到的,动作正在正确调度,但我的 store/nextState 没有更新。
行动:
export function updateUsername(username) {
return { type: types.UPDATE_USERNAME, username };
}
Run Code Online (Sandbox Code Playgroud)
REDUCER(编辑:我已经尝试了这两种变体):
/* first variation */
const username = (
state = '',
action,
) => {
switch (action.type) {
case types.UPDATE_USERNAME:
return Object.assign({}, state, {
username: action.username,
});
default:
return state;
}
};
/* second variation */
const username = (
state = '',
action,
) => {
switch (action.type) {
case types.UPDATE_USERNAME:
return action.username;
default:
return …Run Code Online (Sandbox Code Playgroud)