reactjs - 返回 bool 值反应 redux

Question

我有两个操作，一个将关闭我的菜单（将是错误的），一个将在我的减速器中打开菜单（将是真的）我将初始值设置为 true

import { OPENED_MENU,CLOSED_MENU } from './types';

export const OpenMenu = status => ({
    type:OPENED_MENU,
    status
});
export const CloseMenu = status => ({
    type:CLOSED_MENU,
    status
});

减速器：

import { OPENED_MENU, CLOSED_MENU } from '../../actions/menu/types';

const initialState = {
    status: true,
};

const CheckingStatus = ( state = initialState, action) => {
    switch (action.type){
        case OPENED_MENU:
            return{

            }
        case CLOSED_MENU:
            return{

            }
        default:
        return state;
    }
}

export default CheckingStatus;

我想知道如何在我的操作中返回一个 false 或 true 布尔值。

或者它如何改善我的逻辑。

标签： reactjsredux

Answer 1

您可以尝试以下代码：

import {TOGGLE_MENU } from '../../actions/menu/types';

const initialState = {
    menuStatus: true,
};

const CheckingStatus = ( state = initialState, action) => {
    switch (action.type){
        case TOGGLE_MENU:
            return{
              ...state,
              menuStatus: !state.menuStatus
            }

        default:
        return state;
    }
}

export default CheckingStatus;