From 4db9d2e70a7b06a8dce6a5add2e3a804b422fea1 Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Tue, 29 Aug 2023 09:44:31 +0800
Subject: [PATCH] react router

---
 src/App.jsx            |  6 ++++--
 src/components/Add.jsx |  5 +++++
 src/main.jsx           | 19 +++++++++++--------
 src/router/index.jsx   | 13 +++++++++++++
 4 files changed, 33 insertions(+), 10 deletions(-)
 create mode 100644 src/components/Add.jsx
 create mode 100644 src/router/index.jsx

diff --git a/src/App.jsx b/src/App.jsx
index c018b2a..bc66500 100755
--- a/src/App.jsx
+++ b/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
diff --git a/src/components/Add.jsx b/src/components/Add.jsx
new file mode 100644
index 0000000..8f818d6
--- /dev/null
+++ b/src/components/Add.jsx
@@ -0,0 +1,5 @@
+function Add() {
+  return <div>123</div>
+}
+
+export default Add
diff --git a/src/main.jsx b/src/main.jsx
index d8b17e1..ccc9dd5 100755
--- a/src/main.jsx
+++ b/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>,
 )
diff --git a/src/router/index.jsx b/src/router/index.jsx
new file mode 100644
index 0000000..c906539
--- /dev/null
+++ b/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