当前位置:   article > 正文

React-18搭建后台管理 Vite+TS+AntdesignUI -04 侧边栏布局_antd + react + ts + vite 后台管理项目

antd + react + ts + vite 后台管理项目

选中一个二级菜单节点的时候,刷新页面的时候应该保持用户之前的选中状态,并且二级菜单展开项应该默认展开。

刷新页面选中应该不会改变,以下代码可以直接实现

Router/index.js

  1. import React, { lazy } from "react"
  2. //重定向
  3. import { Navigate } from "react-router-dom"
  4. import Home from "@/view/Home"
  5. //路由懒加载
  6. const Page1 = lazy(() => import("@/components/Page1/index"))
  7. const Page2 = lazy(() => import("@/components/Page2/index"))
  8. const Page301 = lazy(() => import("@/components/Page31/index"))
  9. //懒加载 提成一个公共函数,规定类型,只需调用就可以了
  10. const Loading = (component: JSX.Element) => {
  11. return (
  12. <React.Suspense fallback={<div>Loading...</div>}>
  13. {component}
  14. </React.Suspense>
  15. )
  16. }
  17. const routes = [
  18. {
  19. path: '/',
  20. element: <Navigate to
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/475065
推荐阅读