我目前对反应路由器 dom@6 感到困扰。就像,我想将用户重定向到其他页面(如果他们登录)。但是当我使用 Navigate 组件时,它会抛出错误:
“[Navigate] 不是组件。路由的所有子组件都必须是路由或 React.Fragment”
虽然我已经把它包裹在片段中,但结果仍然是一样的。请帮助我,这是我的代码:
import {BrowserRouter as Router, Routes, Route, Navigate} from 'react-router-dom';
import Home from './pages/Home';
import ProductList from './pages/ProductList';
import Product from './pages/Product';
import Register from './pages/Register';
import Login from './pages/Login';
import Cart from './pages/Cart';
import ErrorPage from './pages/ErrorPage';
function App() {
const user = true;
return (
<Router>
<Routes>
<Route path="/" element={<Home/>} />
<Route path="/products/:category" element={<ProductList/>} />
<Route path="/product/:id" element={<Product/>} />
<Route path="/cart" element={<Cart/>} />
<Route path="/dang-ky" element={<Register/>} />
<Route path="/dang-nhap" element={<Login/>} …Run Code Online (Sandbox Code Playgroud)