Rumah > Soal Jawab > teks badan
P粉1649427912023-08-17 00:20:26
Anda boleh mencipta komponen baharu AppRouter.jsx
:
import {routes} from "@/routes.js"; export default function AppRouter() { return ( <Routes> {routes.map(route => <Route path={route.path} element={route.component} />)} <Routes/> ) }
Kemudian buat fail yang mengandungi laluan routes.js
:
import A from "@/components/A"; import B from "@/components/B"; import C from "@/components/C"; import Login from "@/components/Login"; export const routes = [ { path: "/a", component: <A /> }, { path: "/b", component: <B /> }, { path: "/c", component: <C /> }, { path: "/", component: <Login /> }, ]
Kemudian gunakannya dalam App 组件
:
function App() { return ( <MainLayout> <AppRouter/> </MainLayout> )}
Jika anda perlu membuat laluan baharu pada masa hadapan, pergi ke routes.js
dan tambahkannya di sana.