更新Redux状态对象属性

时间:2019-07-30 11:27:39

标签: javascript reactjs ecmascript-6 redux react-redux

如何在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存储级别属性的内容...但其不变...

1 个答案:

答案 0 :(得分:3)

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

这应该解决它:

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