wendy在掘金89834

什么是umi，什么是Ant Design Pro，首页隐藏侧边栏，其他页面展示侧边栏(登录页除外)，umi内置 tabs 多页签，umi3升级到umi4

只改动一个文件，不添加任何第三方依赖，仅用几十行实现 Ant Design Pro v6 的多页签功能。

多页签在后台管理系统中是一个比较常见的功能，有不少兄弟想让我实现一下这个功能，那这一期我们就来实现一下。

前几天在一个前端群里，看到一位群友在吐槽react不支持keepalive，没办法实现多页签，这篇文章就我就用react 基于antd pro 5实现一下这个功能。

前言 最近在写一个练手的react后台项目，使用react-router v6 + antd5来实现动态路由和动态菜，在实现动态路由和动态菜单部分还是遇到了不少问题，但最后还是解决了大部分问题，今天就

umi4搭建的轻量级开发框架, 集成约定式路由, 自定义布局(还有自定义路由渲染), 从服务端获取菜单, 以及全局状态管理和权限验证, 最新的依赖, 最棒的开发体验, 克隆即用

最近在肝一个后台管理项目，用的是react18 + ts 路由用的是v6，当需要实现根据权限动态加载路由表时，遇到了不少问题。 v6相比于v5做了一系列改动，通过路由表进行映射就是一个很好的改变

何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…

何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…