refactor: 路由添加根组件

BalloonUpdate · Dec 11, 2024 · 818de3b · 818de3b
1 parent 2c8c2fc
commit 818de3b
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 24 deletions.
diff --git a/src/pages/App.jsx b/src/pages/App.jsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import {Outlet} from "react-router-dom";
+
+const App = () => {
+  return (
+    <>
+      <Outlet/>
+    </>
+  );
+};
+
+export default App;
diff --git a/src/router/index.jsx b/src/router/index.jsx
@@ -1,4 +1,5 @@
 import {createBrowserRouter} from "react-router-dom";
+import App from "@/pages/App.jsx";
 import Home from "@/pages/Home/index.jsx";
 import NotFound from "@/pages/NotFound/index.jsx";
 import Dashboard from "@/pages/Dashboard/index.jsx";
@@ -12,41 +13,47 @@ import Login from "@/pages/Login/index.jsx";
 const router = createBrowserRouter([
   {
     path: '/',
-    element: <Home/>
-  },
-  {
-    path: '/login',
-    element: <Login/>
-  },
-  {
-    path: '/dashboard',
-    element: <Dashboard/>,
+    element: <App/>,
     children: [
       {
         index: true,
-        element: <Overview/>
+        element: <Home/>
       },
       {
-        path: 'folder',
-        element: <Folder/>
+        path: 'login',
+        element: <Login/>
       },
       {
-        path: 'log',
-        element: <Log/>
+        path: 'dashboard',
+        element: <Dashboard/>,
+        children: [
+          {
+            index: true,
+            element: <Overview/>
+          },
+          {
+            path: 'folder',
+            element: <Folder/>
+          },
+          {
+            path: 'log',
+            element: <Log/>
+          },
+          {
+            path: 'help',
+            element: <Help/>
+          },
+          {
+            path: 'settings',
+            element: <Settings/>
+          }
+        ]
       },
       {
-        path: 'help',
-        element: <Help/>
-      },
-      {
-        path: 'settings',
-        element: <Settings/>
+        path: '*',
+        element: <NotFound/>
       }
     ]
-  },
-  {
-    path: '*',
-    element: <NotFound/>
   }
 ])