更改依赖性时使用效应不会运行

Question

我正在使用React Redux进行状态管理。我有一个匿名用户和一个管理员。我有当前用户为空{}，并且在管理员登录时正在将其更改以存储用户详细信息。没有匿名的Navbar。当前，当管理员登录时，更改了Navbar，但是当我单击注销时，Navbar不会更改。我该如何解决这个问题？

这是我的navbar.js：

import React, { useEffect, useState } from "react";
import { useSelector } from "react-redux";
import NavBarAdmin from "./NavBarAdmin";
import NavBarAnonymous from "./NavBarAnonymous";

function NavBar() {
    const currentUser = useSelector((state) => state.currentUser);
    const [currentView, setCurrentView] = useState('anonymous');
    useEffect(() => {
        console.log(currentUser);
        if(currentUser==null || currentUser.length==0 || currentUser == undefined){
            setCurrentView('anonymous');
        }else{
            setCurrentView('admin');
        }
    }, [currentUser])

    const handleView = () => {
        switch(currentView){
            case "anonymous": return <>
                <NavBarAnonymous/>
            </>
            case "admin":
                return <>
                <NavBarAdmin/>
            </>
        }
    }

    return(
        <>
        {handleView()}
        </>
    )
}
export default NavBar;

我的action.js看起来像：

import actionTypes from "./actionTypes";

export function setCurrentUser(value) {
    return{
        type: actionTypes.SET_CURRENT_USER,
        payload: value
    }
}

actiontypes.js

const actionTypes = {
    SET_CURRENT_USER: 'SET_CURRENT_USER',
}
export default actionTypes;

configurestore.js

import { applyMiddleware, compose, createStore } from "redux";
import thunkMiddleware from "redux-thunk";
import rootReducer from './reducers';

export default function configureStore(preloadedState) {
    const middlewares = [thunkMiddleware];
    const middlewareEnhancer = applyMiddleware(...middlewares);

    const enhancers = [middlewareEnhancer];
    const composedEnhancers = compose(...enhancers);

    const store = createStore(rootReducer, preloadedState, composedEnhancers);
    return store;
}

reducers.js：

import { combineReducers } from "@reduxjs/toolkit";
import actionTypes from "./actionTypes";

export function currentUser(state = {}, action) {
    switch (action.type) {
        case actionTypes.SET_CURRENT_USER:
            
            return Object.assign({}, state, {
                q: action.payload,
            })
        default:
            return state
    }
}

export default combineReducers({
    currentUser
});

在注销功能中，我正在使用：

    dispatch(setCurrentUser({}));

当我单击登录按钮时，{}在控制台中，这意味着，这意味着那是当前用户设置为{}，但未重新渲染NAVBAR。