在reactjs钩子中刷新页面时丢失身份验证状态

在reactjs钩子中刷新页面时丢失身份验证状态,reactjs,react-hooks,Reactjs,React Hooks,当我使用有效凭据登录时,服务器将JWT发送到浏览器,我将此JWT存储在localstore页面重定向到主页,一切正常,在主页中,我具有loadUser功能,该功能向服务器发送请求以获取有效用户的用户详细信息,但当我刷新页面时,它的主页将永远不会执行,因为身份验证状态返回为false和false页面从主页重定向到登录页面 这是App.js import React,{Fragment}来自“React”; 从“react Router dom”导入{BrowserRouter as Router,

当我使用有效凭据登录时,服务器将JWT发送到浏览器,我将此JWT存储在localstore页面重定向到主页,一切正常,在主页中,我具有loadUser功能,该功能向服务器发送请求以获取有效用户的用户详细信息,但当我刷新页面时,它的主页将永远不会执行,因为身份验证状态返回为false和false页面从主页重定向到登录页面 这是App.js
import React,{Fragment}来自“React”;
从“react Router dom”导入{BrowserRouter as Router,Route,Switch};
从“/components/layout/Navbar”导入导航栏;
从“/components/pages/Home”导入主页;
从“/components/auth/Login”导入登录名;
从“/components/routing/PrivateRoute”导入PrivateRoute;
导入“/App.css”;
常量应用=()=>{
返回(
);
};

导出默认应用程序可能是用于用户身份验证/授权的JSON web令牌。你能给我们更多的信息吗?

这是意料之中的事

如果要保留令牌,应将其保存在
localStorage
cookie

然后,如果使用的是
钩子
,则应在
componentDidMount
useffect
(带有无效依赖项数组)中检查标记的存在性和有效性


如果您能告诉我们您在哪里发出
AJAX
请求,那就太好了,因为例如,如果您正在使用
Axios
,您可以将此逻辑封装在
请求
拦截器中。

主要用于身份验证或授权目的,显示的代码似乎与您的问题无关。你能告诉我们本地存储的设置和使用位置吗?如果你需要更多信息,请告诉我这个问题的解决方案?我有同样的问题,仍然有我的问题没有回答。让我知道如果你需要更多的信息