不变地更新redux中的对象数组

const initialState = {
  items: []
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'UPDATE_ITEMS':
      return {
        ...state,
        items: action.payload
      };
    case 'ADD_ITEM':
      return {
        ...state,
        items: [...state.items, action.payload]
      };
    case 'REMOVE_ITEM':
      return {
        ...state,
        items: state.items.filter(item => item.id !== action.payload)
      };
    default:
      return state;
  }
};

const updateItems = (items) => {
  return {
    type: 'UPDATE_ITEMS',
    payload: items
  };
};

const addItem = (item) => {
  return {
    type: 'ADD_ITEM',
    payload: item
  };
};

const removeItem = (itemId) => {
  return {
    type: 'REMOVE_ITEM',
    payload: itemId
  };
};

import { createStore } from 'redux';

const store = createStore(reducer);

// 更新整个对象数组
const newItems = [{ id: 1, name: 'Item 1' }, { id: 2, name: 'Item 2' }];
store.dispatch(updateItems(newItems));

// 添加新的对象
const newItem = { id: 3, name: 'Item 3' };
store.dispatch(addItem(newItem));

// 删除指定的对象
const itemId = 2;
store.dispatch(removeItem(itemId));