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

// 定义动作类型
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);