在Redux reducer中更新和重新定位数组中的对象

const initialState = {
  objects: []
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'ADD_OBJECT':
      // 添加对象到数组中
      return {
        ...state,
        objects: [...state.objects, action.payload]
      };
    case 'UPDATE_OBJECT':
      // 更新数组中的对象
      return {
        ...state,
        objects: state.objects.map(obj =>
          obj.id === action.payload.id ? action.payload : obj
        )
      };
    case 'RELOCATE_OBJECT':
      // 重新定位数组中的对象
      const { id, newIndex } = action.payload;
      const objects = [...state.objects];
      const objectToRelocate = objects.find(obj => obj.id === id);
      if (objectToRelocate) {
        objects.splice(objects.indexOf(objectToRelocate), 1);
        objects.splice(newIndex, 0, objectToRelocate);
      }
      return {
        ...state,
        objects
      };
    default:
      return state;
  }
};

// 添加对象到数组中
dispatch({
  type: 'ADD_OBJECT',
  payload: { id: 1, name: 'Object 1' }
});

// 更新数组中的对象
dispatch({
  type: 'UPDATE_OBJECT',
  payload: { id: 1, name: 'Updated Object 1' }
});

// 重新定位数组中的对象
dispatch({
  type: 'RELOCATE_OBJECT',
  payload: { id: 1, newIndex: 2 }
});