当我试图为privateroute处理React redux JWT auth时，React navigation ro

Question

当我试图在项目中使用专用路由器进行react redux JWT身份验证时，出现了一些问题。当我试图访问仪表板时，我没有看到下面代码的输出。

import { BrowserRouter, Route, Routes } from "react-router-dom";
import { ToastContainer } from "react-toastify";
import "react-toastify/dist/ReactToastify.css";
import TopNav from "./components/TopNav";
import PrivateRoute from "./components/PrivateRoute";
// components
import Home from "./booking/Home";
import Login from "./auth/Login";
import Register from "./auth/Register";
import Dashboard from "./user/Dashboard";
import DashboardSeller from "./user/DashboardSeller";
import NewHotel from "./hotels/NewHotel";
function App() {
return (
<BrowserRouter>
<TopNav />
<ToastContainer position="top-center" />
<Routes>
<Route path="/" element={<Home />} />
<Route path="/login" element={<Login />} />
<Route path="/register" element={<Register />} />
<Route element={<PrivateRoute />}>
<Route element={<Dashboard />} path="/dashboard" />
<Route element={<DashboardSeller />} path="/dashboard/seller" />
<Route element={<NewHotel />} path="/hotels/new" />
</Route>
</Routes>
</BrowserRouter>
);
}
export default App;

Answer 1

import { Outlet, Navigate } from "react-router-dom";
const PrivateRoute = () => {
let auth = { token: true };
return auth.token ? <Outlet /> : <Navigate to="/login" />;
};
export default PrivateRoute;