react router

src/App.jsx

@@ -6,6 +6,8 @@ import {
   TeamOutlined,
   UserOutlined,
 } from '@ant-design/icons'
+import { useRoutes } from 'react-router-dom'
+import routes from './router/index'
 import { Breadcrumb, Layout, Menu, theme } from 'antd'
 const { Header, Content, Footer, Sider } = Layout
 import Login from '@/views/Login'
@@ -36,7 +38,7 @@ const App = () => {
   const { countStore } = useRootStore()
   const { count } = countStore
   const [collapsed, setCollapsed] = useState(false)
-  const [isLogin, setIsLogin] = useState(false)
+  const [isLogin, setIsLogin] = useState(true)
   const {
     token: { colorBgContainer },
   } = theme.useToken()
@@ -97,7 +99,7 @@ const App = () => {
               background: colorBgContainer,
             }}
           >
-            Bill is a cat.
+            {useRoutes(routes)}
           </div>
         </Content>
         <Footer

src/components/Add.jsx

@@ -0,0 +1,5 @@
+function Add() {
+  return <div>123</div>
+}
+
+export default Add

src/main.jsx

@@ -1,17 +1,20 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
-import { BrowserRouter as Router } from 'react-router-dom'
+import { BrowserRouter } from 'react-router-dom'
 import App from './App.jsx'
 import { RootStoreProvider } from '@/store'
 import '@/assets/css/reset.css'
 import './index.css'
+import { Suspense } from 'react'
 
 ReactDOM.createRoot(document.getElementById('root')).render(
-  <Router>
-    <React.StrictMode>
-      <RootStoreProvider>
-        <App />
-      </RootStoreProvider>
-    </React.StrictMode>
-  </Router>,
+  <RootStoreProvider>
+    <BrowserRouter>
+      <React.StrictMode>
+        <Suspense fallback={<div>加载中</div>}>
+          <App />
+        </Suspense>
+      </React.StrictMode>
+    </BrowserRouter>
+  </RootStoreProvider>,
 )

src/router/index.jsx

@@ -0,0 +1,13 @@
+import { lazy } from 'react'
+
+const Add = lazy(() => import('../components/Add'))
+
+// 物料管理
+const routes = [
+  {
+    path: '/',
+    element: <Add />,
+  },
+]
+
+export default routes