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;