小编Den*_*yen的帖子

在react router dom v6中使用条件进行重定向

我目前对反应路由器 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)

javascript reactjs

10
推荐指数
3
解决办法
1万
查看次数

标签 统计

javascript ×1

reactjs ×1