更新redux状态对象属性

Question

如何在redux中更新对象的属性并保留对象的其余部分。

const appReducer = (state = initialState, action) => {
  switch (action.type) {
    case 'LOGIN_SUCCESS':
      return Object.assign({}, state, {
        user: { loggedIn: true, level: 'default' },
      });

    case 'UPDATE_PACKAGE': {
      // add a new value for the user.level which would be in action.level
      return { ...state, level: action.level };
    }

    default:
      return state;
  }
};

所以我希望UPDATE_PACKAGE能够改变redux商店级别属性的内容......但是它没有改变......

Answer 1

因此，您似乎在根状态而不是用户对象上设置level 。

这应该解决它：

 case "UPDATE_PACKAGE": {
    return { ...state, user: { ...state.user, level: action.level } };
  }