在redux状态下的对象中添加或删除对象

在 Redux 状态下的对象中添加或删除对象，可以通过以下步骤实现：

首先，确保你已经安装了 Redux 库，并在你的应用中引入了 Redux 相关的依赖。
在 Redux 中，状态被存储在一个称为 "store" 的对象中。你需要创建一个 Redux store 来管理你的应用状态。
在 Redux 中，状态被组织成一个称为 "reducer" 的纯函数。这个 reducer 函数接收两个参数：当前的状态（state）和一个表示操作的动作（action）。根据动作的类型，reducer 函数会返回一个新的状态。
在你的应用中，定义一个新的动作类型，用于添加或删除对象。例如，你可以定义一个 "ADD_OBJECT" 和 "REMOVE_OBJECT" 的动作类型。
创建一个动作创建函数，用于创建一个表示添加或删除对象的动作。这个函数应该返回一个包含动作类型和相关数据的对象。
在你的 reducer 函数中，根据动作的类型来处理添加或删除对象的逻辑。当接收到 "ADD_OBJECT" 动作时，你可以使用对象展开运算符（spread operator）来创建一个新的状态，并将新的对象添加到状态中。当接收到 "REMOVE_OBJECT" 动作时，你可以使用数组的过滤方法来删除指定的对象。
在你的应用中，使用 Redux 提供的 "connect" 函数将你的组件连接到 Redux store。这样，你的组件就可以通过 props 访问到状态和动作创建函数。
在你的组件中，通过调用动作创建函数来触发添加或删除对象的动作。这将导致 Redux store 中的状态更新，从而触发组件的重新渲染。

以下是一个示例代码：

// 定义动作类型
const ADD_OBJECT = "ADD_OBJECT";
const REMOVE_OBJECT = "REMOVE_OBJECT";

// 创建动作创建函数
const addObject = (object) => {
  return {
    type: ADD_OBJECT,
    payload: object
  };
};

const removeObject = (objectId) => {
  return {
    type: REMOVE_OBJECT,
    payload: objectId
  };
};

// 定义 reducer 函数
const initialState = {
  objects: []
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case ADD_OBJECT:
      return {
        ...state,
        objects: [...state.objects, action.payload]
      };
    case REMOVE_OBJECT:
      return {
        ...state,
        objects: state.objects.filter(obj => obj.id !== action.payload)
      };
    default:
      return state;
  }
};

// 创建 Redux store
const store = Redux.createStore(reducer);

// 连接组件到 Redux store
const mapStateToProps = (state) => {
  return {
    objects: state.objects
  };
};

const mapDispatchToProps = (dispatch) => {
  return {
    addObject: (object) => dispatch(addObject(object)),
    removeObject: (objectId) => dispatch(removeObject(objectId))
  };
};

const ConnectedComponent = ReactRedux.connect(mapStateToProps, mapDispatchToProps)(YourComponent);

在上面的示例中，我们定义了一个名为 objects 的状态数组，用于存储对象。addObject 函数用于创建一个添加对象的动作，removeObject 函数用于创建一个删除对象的动作。在 reducer 函数中，根据动作的类型来更新状态。最后，我们使用 connect 函数将组件连接到 Redux store，并通过 mapStateToProps 和 mapDispatchToProps 函数将状态和动作创建函数映射到组件的 props 中。

这是一个基本的示例，你可以根据你的具体需求进行修改和扩展。关于 Redux 的更多信息和用法，请参考 Redux 官方文档。