Redux: Действие вызывается правильно, но редуктор не обновляет состояние, просто сохраняет исходное состояние

Question

Я создавал приложение, используя React, Redux, Redux-thunk. При вызове действия полезная нагрузка и тип корректно принимаются редуктором, но он не изменяет их.

• Мой редуктор:

import EditorActionTypes from './editor.types';

const INITIAL_STATE = {
    editorModified: false,
    tabs: [
        {
            name: 'main.js',
            active: true
        },
        {
            name: 'setup.js',
            active: false
        }
    ]
};

const editorReducer = ( state = INITIAL_STATE, action ) => {
    switch (action.payload) {
        case EditorActionTypes.SELECT_TAB:
            return {
                ...state,
                tabs: [
                    ...state.tabs.map( 
                        (tab, index) => index === action.payload
                            ? tab.active = true
                            : tab.active = false
                        )
                ]
            }

        default:
            return state;
    }
};

export default editorReducer;

Answer 1

Неправильное состояние переключателя, функция редуктора должна проверить действие. Type

switch (action.type) {
        case EditorActionTypes.SELECT_TAB:
            return {

Answer 2

Проблемная часть, я думаю, заключается в следующем:

                 ...state.tabs.map( 
                        (tab, index) => index === action.payload
                            ? tab.active = true
                            : tab.active = false
                        )

Вы ничего не возвращаете из функции внутри карты. Вместо этого вы должны вернуть объекты табуляции.

                 ...state.tabs.map( 
                        (tab, index) => ({ 
                           ...tab,
                           isActive: index === action.payload
                        }))

И, как указал @Gangadhar Gandi, вы должны включить action.type, а не action.payload