小编DGa*_*yDC的帖子

Redux 状态不会随着动作分派而更新

我已经浏览了我可以找到的用于使用 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)

reactjs react-router redux react-redux react-router-redux

5
推荐指数
1
解决办法
1万
查看次数