React 路由器 v6 - 无重定向

Question

谁能告诉我为什么重定向对我不起作用？ 它应该从“管理”页面重定向到“登录”页面。 我将代码放在这里是因为它是从整个应用程序中撕下的几行代码。 为清楚起见 - 反应路由器 6。

const AdminPage = () => {
  const permission = false;
  return (
    <Routes>
      <Route
        path="/admin"
        element={(permission
          ? (<h3>Panel admina - dzień dobry</h3>)
          : (<Navigate replace to="/login"/>))}
      />
    </Routes>
  );
}

Answer 1

您需要使用 BrowserRouter 包装路由。

import { BrowserRouter, Navigate, Route, Routes } from "react-router-dom";

 <BrowserRouter> <Routes> <Route path="/admin" element={ permission ? ( <h3>Panel admina - dzień dobry</h3> ) : ( <Navigate replace to="/login" /> ) } /> </Routes> </BrowserRouter>

Answer 2

好的。 感谢大家试图提供帮助。 我发现了一个错误。 这是他的解决方案。

const AdminPage = () => {
    const permission = false;
    return (
        <Routes>
            <Route path="" element={(permission ? (<h3>Panel admina - dzień dobry</h3>) : (<Navigate replace to="/login"/>)
            )}/>
        </Routes>
    );
}

export default AdminPage;