57 lines
1.4 KiB
React
57 lines
1.4 KiB
React
|
import { BrowserRouter, Route, Routes } from "react-router-dom";
|
||
|
|
import { useEffect } from "react";
|
||
|
|
import { useDispatch } from "react-redux";
|
||
|
|
import Layout from "./components/Layout";
|
||
|
|
import routes from "./routes";
|
||
|
|
import { mockData } from "./data/mockData";
|
||
|
|
import { setStudentInfo } from "./store/slices/studentSlice";
|
||
|
|
|
||
|
|
// 样式文件导入
|
||
|
|
import "./global.css";
|
||
|
|
import "@arco-design/web-react/dist/css/arco.css";
|
||
|
|
|
||
|
|
const getAllRoutes = (routes) => {
|
||
|
|
const result = [];
|
||
|
|
|
||
|
|
const traverse = (routeItems) => {
|
||
|
|
routeItems.forEach((item) => {
|
||
|
|
if (item.routes) {
|
||
|
|
// 如果有子路由，递归处理
|
||
|
|
traverse(item.routes);
|
||
|
|
} else if (item.path && item.element) {
|
||
|
|
// 如果是单个路由项，添加到结果数组
|
||
|
|
result.push(item);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
traverse(routes);
|
||
|
|
return result;
|
||
|
|
};
|
||
|
|
|
||
|
|
function App() {
|
||
|
|
const dispatch = useDispatch();
|
||
|
|
const allRoutes = getAllRoutes(routes);
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
// 初始化学生信息
|
||
|
|
if (mockData.profileOverview?.studentInfo) {
|
||
|
|
dispatch(setStudentInfo(mockData.profileOverview.studentInfo));
|
||
|
|
}
|
||
|
|
}, [dispatch]);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<BrowserRouter>
|
||
|
|
<Layout>
|
||
|
|
<Routes>
|
||
|
|
{allRoutes?.map((item) => (
|
||
|
|
<Route {...item} key={item.path} />
|
||
|
|
))}
|
||
|
|
</Routes>
|
||
|
|
</Layout>
|
||
|
|
</BrowserRouter>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export default App;
|