如何在 Redux 中使用共享 reducer

Question

我有一个关于减速器的一般性问题。在我的应用程序中，我有很多用户（孩子、家长和老师）。我创建了一个 reducer 来从数据库中为家长/老师加载任务，在我的初始状态下，我有一个数组“Tasks”。

我是否必须创建另一个reducer 来从数据库加载孩子的任务，我必须这样做，我可以使用相同的数组名称“Tasks”吗？

TasksReducer.js：

const initialState = {
    tasks: [],
    image: null
}

const tasks = (state = initialState, action) => {
    switch (action.type) {
        case 'LOAD_TASKS_FROM_SERVER':
            return {
                ...state,
                tasks: action.payload
            };
        case 'ADD_TASK':
            return {
                ...state,
                tasks: [action.payload, ...state.tasks]
            }
            default:
                return state;
    }
};

TasksChildReducer.js ：（我只有“LOAD_TASKS_FROM_SERVER”）

const initialState = {
  tasksChildren: [],
}

Answer 1

我认为最简单的方法是在 root redux 状态的不同 key 中安装不同的 reducer。

所以他们自己的密钥可以命名相同，你会像这样访问它们

const getChildrenTasks = state => state.children.tasks

const getParentTasks = state => state.parent.tasks

etc.

为避免代码重复，还可以在常用函数中抽象一些reducer操作。