我正在安装 react-router-dom。 它不适用于文档。 我不完美地使用重定向

Question

App.js--------- import { BrowserRouter, Routes, Route } from "react-router-dom"; 导入“./App.css”； 从“./components/Header/Header”导入 Header； 从“./components/Home/Home”导入主页； 从“./components/Login/Login”导入登录； 从“./components/PlaceOrder/PlaceOrder”导入 PlaceOrder； 从“./components/PrivateRoute/PrivateRoute”导入 PrivateRoute； 从“./components/Register/Register”导入注册； 从“./components/Shipping/Shipping”导入运费； 从“./context/AuthProvider”导入 AuthProvider； function App() { return ( }> }> }> }> } > } > ); } 导出默认应用程序； AuthProvider.js--------- import React, { createContext } from 'react'; 从'../hooks/useFirebase'导入useFirebase； 导出 const AuthContext = createContext(); const AuthProvider = ({children}) => { const allContext = useFirebase(); 返回（{儿童}）； }; 导出默认 AuthProvider； useAuth.js------- import { useContext } from "react" import { AuthContext } from "../context/AuthProvider" const useAuth=()=>{ return useContext(AuthContext) }; 导出默认useAuth； PrivateRoute.js-------- import React from "react"; 从“react-router-dom”导入{路由，重定向}； 从“../../hooks/useAuth”导入useAuth； const PrivateRoute = ({ children, ...rest }) => { const { user } = useAuth(); 返回（user.email？（儿童）：（）}>）； }; 导出默认 PrivateRoute；

在此处输入图像描述