React redux从列表中删除多个对象

// 初始状态
const initialState = {
  list: [
    { id: 1, name: '对象1' },
    { id: 2, name: '对象2' },
    { id: 3, name: '对象3' }
  ]
};

// reducer函数
const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'DELETE_OBJECTS':
      const newList = state.list.filter(obj => !action.payload.includes(obj.id));
      return { ...state, list: newList };
    default:
      return state;
  }
};

// action creator函数
const deleteObjects = (objectIds) => {
  return {
    type: 'DELETE_OBJECTS',
    payload: objectIds
  };
};

// React组件
import React from 'react';
import { connect } from 'react-redux';

const MyComponent = ({ list, deleteObjects }) => {
  const handleDelete = () => {
    const objectIdsToDelete = [1, 3]; // 要删除的对象的ID数组
    deleteObjects(objectIdsToDelete);
  };

  return (
    <div>
      <ul>
        {list.map(obj => (
          <li key={obj.id}>{obj.name}</li>
        ))}
      </ul>
      <button onClick={handleDelete}>删除</button>
    </div>
  );
};

const mapStateToProps = (state) => {
  return {
    list: state.list
  };
};

const mapDispatchToProps = {
  deleteObjects
};

export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);