通过redux状态下的key-index移除对象

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

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'REMOVE_OBJECT':
      const index = state.objects.findIndex(obj => obj.id === action.payload);
      if (index !== -1) {
        const newObjects = [...state.objects];
        newObjects.splice(index, 1);
        return {
          ...state,
          objects: newObjects
        };
      }
      return state;
    default:
      return state;
  }
};

// actions.js
export const removeObject = (id) => ({
  type: 'REMOVE_OBJECT',
  payload: id
});

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

const Component = ({ objects, removeObject }) => {
  const handleRemove = (id) => {
    removeObject(id);
  };

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

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

const mapDispatchToProps = {
  removeObject
};

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