首页 > 解决方案 > 使用 1 个调度操作/reducer 调用更新 2 个 Redux Store 属性?(React-Redux)

问题描述

行动

export const selectedCourseCard = (courseID) => {
    
    return {

        type: 'UPDATE_SELECTED_COURSE_CARD', 
        selectedTab: 'lecture',
        selectedCourse: courseID,

    }
    
};

Redux 新手,但尝试一些相对简单的东西。在单击按钮期间,我想调度一个操作来更新 Redux 存储中的 2 个变量。(“selectedTab”和“selectedCourse”)。

但是,使用我当前的代码,“selectedTab”与以前一样(它不会更新为“lectures”,因为我试图在 ACTION 中明确地这样做),并且“selectedCourse”显示一个对象而不是更新“可以在 ACTION 中找到带有“courseID”的 selectedCourse”值。

任何关于我可以做什么/如何实现预期行动的明确表示将不胜感激:)

减速器

const initState = '';

const selectedCourseCardReducer = (state=initState, action) => {
    
    switch (action.type) {
        
        case 'UPDATE_SELECTED_COURSE_CARD':

            return {
                selectedTab: action.selectedTab,
                selectedCourse: action.selectedCourse,
            }

        default:

            return state;  
    }
    
}

export default selectedCourseCardReducer

标签: reduxreact-reduxactiondispatch

解决方案


推荐阅读