项目初始化03

src/components/MyRouter/MyRouter.tsx

-import React, { ReactNode, useCallback, Suspense } from "react";
+import { ReactNode, useCallback, Suspense } from "react";
 import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom";
 import { route, navigate, operation } from "@/router";
 import { observer } from "mobx-react-lite";
-import { useStores } from "@/store/index";
 import Loading from "@/views/Loading";
 import useMyRouter from "./useMyRouter";
 
-const MyRouter: React.FC<{}> = observer(() => {
-  const { permissionStore } = useStores();
-
-  useMyRouter();
+const MyRouter = observer(() => {
+  const routes = useMyRouter();
 
   const setRoutes = useCallback(
     (routes: Array<route | navigate | operation>): ReactNode => {
@@ -60,7 +57,7 @@ const MyRouter: React.FC<{}> = observer(() => {
 
   return (
     <BrowserRouter>
-      <Routes>{setRoutes(permissionStore.allRoutes)}</Routes>
+      <Routes>{setRoutes(routes)}</Routes>
     </BrowserRouter>
   );
 });

src/components/MyRouter/useMyRouter.ts

@@ -34,6 +34,8 @@ const useMyRouter = () => {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [userInfo.data, menuInfo.data]);
+
+  return permissionStore.allRoutes;
 };
 
 export default useMyRouter;