React-Redux 为状态添加新值

Question

我在反应中有一个两步表单。表单的第一步我们向用户询问一些信息，然后我将其添加到状态。表单的第二步我向用户询问了更多信息并将其添加到状态，因此它没有附加在表单的步骤 2 中询问的信息，而是覆盖了状态，所以状态现在只有信息在表格的第 2 步中被询问。我怎样才能将这两种信息加在一起。当我尝试 ...state 它给我错误，因为状态不可迭代。

const infoReducer = (state = {}, action) => {
switch(action.type) {
    case 'STEP_1':
        return action.payload
    case 'STEP_2':
        return action.payload
    default:
        return state
}

}

Answer 1

首先，复制当前状态数据并添加一个新的动作负载作为第二个参数

   case 'ADD_Data':
            return {...state,action.payload}

Answer 2

看看这个

import { ActionTypes } from "../../Constant/ActionType";
const initState = {
  Auth: {},
};
const AuthReducer = (state = initState, action) => {
  switch (action.type) {
    case ActionTypes.AuthUser:
      return {
        ...state,
        Auth: action.payload,
      };
    default:
      return state;
  }
};
export default AuthReducer;

React-Redux 为状态添加新值

React-Redux add new value to the state

reduce

state

reactjs

redux