我已经使用react构建了一个管理面板。登录到面板后,每当用户刷新页面时,所有内容都会消失,我不知道为什么会发生这种情况。它在没有登录页面的情况下工作得很好,但是在添加了登录页面之后,它就不能正常工作了。下面是定义所有路由的App.js文件代码。 import React, { useState } from "react";
import { Route, Switch } from "react-router-dom";
import { Link } from "react-router-dom";
import * as FaIcons
我正在尝试使用私有路由和上下文向React+Typescript应用程序添加简单的身份验证。我有一个简单的登录组件,它有一个按钮,可以将上下文中的boolean var authenticated设置为true。私有路由应该检查此var,如果不正确,则重定向到login组件,否则显示指定的组件。问题是authenticated似乎总是假的,我总是被重定向到登录页面。
当我调试它时,我可以看到AuthContextProvider中的setAuthenticated函数在单击登录按钮时被调用。但是,如果我随后单击任何指向私有路由的链接,authenticated总是为false。
这是我的App