如何在Redux store中按id存储项目

const initialState = {};

function projectsReducer(state = initialState, action) {
  switch (action.type) {
    // 处理添加项目的action
    case 'ADD_PROJECT': {
      const { id, projectData } = action.payload;
      return {
        ...state,
        [id]: projectData,
      };
    }
    // 处理删除项目的action
    case 'DELETE_PROJECT': {
      const { id } = action.payload;
      const newState = { ...state };
      delete newState[id];
      return newState;
    }
    // 处理更新项目的action
    case 'UPDATE_PROJECT': {
      const { id, projectData } = action.payload;
      return {
        ...state,
        [id]: {
          ...state[id],
          ...projectData,
        },
      };
    }
    // 其他action处理
    default:
      return state;
  }
}

import { combineReducers, createStore } from 'redux';

const rootReducer = combineReducers({
  projects: projectsReducer,
});

const store = createStore(rootReducer);

// 添加项目的action creator
function addProject(id, projectData) {
  return {
    type: 'ADD_PROJECT',
    payload: {
      id,
      projectData,
    },
  };
}

// 删除项目的action creator
function deleteProject(id) {
  return {
    type: 'DELETE_PROJECT',
    payload: {
      id,
    },
  };
}

// 更新项目的action creator
function updateProject(id, projectData) {
  return {
    type: 'UPDATE_PROJECT',
    payload: {
      id,
      projectData,
    },
  };
}

// 使用Redux store
store.dispatch(addProject(1, { name: 'Project 1' }));
store.dispatch(addProject(2, { name: 'Project 2' }));
store.dispatch(updateProject(1, { status: 'completed' }));
store.dispatch(deleteProject(2));