在Redux中更新reducer中的嵌套数组

// 定义初始状态
const initialState = {
  nestedArray: [
    { id: 1, name: 'item 1' },
    { id: 2, name: 'item 2' },
    { id: 3, name: 'item 3' }
  ]
};

// 定义reducer函数
const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'UPDATE_NESTED_ARRAY':
      // 创建一个新的state对象
      const newState = { ...state };
      
      // 找到需要更新的嵌套数组
      const nestedArray = [...newState.nestedArray];
      
      // 根据action中的payload进行相应的操作
      const { index, newItem } = action.payload;
      nestedArray[index] = newItem;
      
      // 更新新的state对象中的嵌套数组
      newState.nestedArray = nestedArray;
      
      // 返回更新后的新state对象
      return newState;
      
    default:
      return state;
  }
};

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

// 定义action
const updateNestedArray = (index, newItem) => ({
  type: 'UPDATE_NESTED_ARRAY',
  payload: { index, newItem }
});

// 在组件中使用Redux
// ...

// 调用action来更新嵌套数组
store.dispatch(updateNestedArray(1, { id: 2, name: 'updated item 2' }));