获取单个项目与使用 Redux 获取多个项目

Question

我目前正在开发具有以下内容的应用程序：

• “课程”页面将显示所有课程以及相关信息 来自数据库。
• “课程”页面将显示单个课程以及数据库中的相关信息

我的 coursesAction 文件有一个用于从服务器获取单个课程的操作函数和另一个用于从服务器获取所有课程的操作函数。我应该使用单独的减速器来处理课程列表还是单个课程，因为我的 initialState 是一个空数组（用于课程对象列表）？而不是一个空对象（用于课程对象）？：

let initialState =  [];

export default function courseReducer(state = initialState, action){
    switch(action.type){
        case types.LOAD_COURSES_SUCCESS:
            return  action.courses;    
        default:
            return state;
    }
}

或者我应该从服务器检索所有课程，然后在导航到我的“课程”页面时从商店查询我正在寻找的课程？

Answer 1

为两个不同的操作创建两个 reducer 并不是一个坏主意，但如果你只是因为初始状态数据类型问题而想将它分开，那么你不需要将它分开。两者都可以以单一方式处理。 使用 immutable，如果你使用 react + rediux，这也是一个很好的做法

导入不可变

import {Record} from 'immutable'

使初始状态对象如下

const Initialstate = new Record({
    course: {},
    courses: []
})

你的减速器是这样的

export default function courseReducer(state = new Initialstate(), action = {}){
    switch(action.type){
        case types.LOAD_COURSES_SUCCESS:
            return  action.courses;
        case types.LOAD_COURSE_SUCCESS:
            return  action.course;    
        default:
            return state;
    }
}

此外，如果将来需要，您可以更改减速器的状态，如下所示。

case types.LOAD_CUSTOM:
            return state.set("customPhase", "success")