react redux如何从状态数组中删除对象

// actions.js
export const deleteObject = (objectId) => {
  return {
    type: 'DELETE_OBJECT',
    objectId
  };
};

// reducer.js
const initialState = {
  objects: []
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'DELETE_OBJECT':
      return {
        ...state,
        objects: state.objects.filter(obj => obj.id !== action.objectId)
      };
    default:
      return state;
  }
};

// Component.js
import React from 'react';
import { connect } from 'react-redux';
import { deleteObject } from './actions';

const Component = ({ objects, deleteObject }) => {
  const handleDelete = (objectId) => {
    deleteObject(objectId);
  };

  return (
    <div>
      {objects.map(obj => (
        <div key={obj.id}>
          <span>{obj.name}</span>
          <button onClick={() => handleDelete(obj.id)}>Delete</button>
        </div>
      ))}
    </div>
  );
};

const mapStateToProps = state => {
  return {
    objects: state.objects
  };
};

const mapDispatchToProps = {
  deleteObject
};

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