修改Redux中的深度嵌套状态

import { createStore } from 'redux';

// 定义初始状态
const initialState = {
  user: {
    name: 'John',
    age: 25,
    address: {
      city: 'New York',
      country: 'USA'
    }
  }
};

// 定义reducer函数
function reducer(state = initialState, action) {
  switch (action.type) {
    case 'UPDATE_ADDRESS':
      return {
        ...state,
        user: {
          ...state.user,
          address: {
            ...state.user.address,
            city: action.payload.city,
            country: action.payload.country
          }
        }
      };
    default:
      return state;
  }
}

// 创建store
const store = createStore(reducer);

// 获取当前状态
const currentState = store.getState();

// 复制当前状态
const newState = JSON.parse(JSON.stringify(currentState));

// 修改副本中的嵌套状态
newState.user.address.city = 'Los Angeles';

// 创建一个新的状态对象
const updatedState = {
  ...currentState,
  user: {
    ...currentState.user,
    address: {
      ...currentState.user.address,
      city: 'Los Angeles'
    }
  }
};

// 更新Redux状态
store.dispatch({ type: 'UPDATE_ADDRESS', payload: { city: 'Los Angeles', country: 'USA' } });