首页 > 解决方案 > 启用基于菜单链接的用户身份验证在 reactjs 中不起作用

问题描述

在身份验证令牌上启用基于菜单链接的用户在 Reactjs 中不起作用。在 Web 浏览器控制台中,它应该显示 true 或 false。应用程序运行没有错误,我没有看到任何真假

isUserLoggedIn(){
        let user=sessionStorage.getItem('authenticatedUser')
       if(user===null) return false
       return true
    }

const isUserLoggedIn = AuthenticationService.isUserLoggedIn();
         console.log(isUserLoggedIn);

标签: reactjs

解决方案


我在这里问了一个类似的问题。简而言之,react 不会更新整个页面,它只会根据某些事件(如状态更改等)更新特定组件。

所以问题是你依赖于一个外部类AuthenticationService来更新HeaderComponent和它上面可用的链接。但是,这样做不会再次HeaderComponent调用它自己render(),这意味着您需要手动刷新页面 ( CTRL + R) 以查看更新的导航链接HeaderComponent


推荐阅读