种类和全部组件

src/router/index.jsx

@@ -2,6 +2,8 @@ import { lazy } from 'react'
 
 const Overview = lazy(() => import('../views/Overview'))
 const Search = lazy(() => import('../views/Search'))
+const AllMaterial = lazy(() => import('../views/AllMaterial'))
+const MaterialKind = lazy(() => import('../views/MaterialKind'))
 
 const routes = [
   {
@@ -12,6 +14,14 @@ const routes = [
     path: '/search',
     element: <Search />,
   },
+  {
+    path: '/all_material',
+    element: <AllMaterial />,
+  },
+  {
+    path: '/material_kind',
+    element: <MaterialKind />,
+  },
 ]
 
 export default routes

src/views/AllMaterial/index.jsx

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

src/views/MaterialKind/index.jsx

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