一般而言，后台管理系统都会有一个统一的布局，其中可以包含头部、侧边栏和内容区域。在本系统中，头部包含左部操作区和用户信息区域，侧边栏展示菜单和系统标题区域，内容区域就是展示Layout路由的子路由

这是上一篇文章： # 🎉🎉🎉一文全面了解：一个神奇的 react-antd-admin 接口加密方式 React Router v6 带来了一些改变，包括鉴权的处理方式也有所不同。在后台管理系统中进行

本系统在未存储`token`或`refreshToken`过期时会跳到登录界面，本文就来着手实现登录模块。关键点主要是 1.返回的`svg图形验证码`如何展示 2.记住密码的功能如何实现

头部区域完成后，侧边栏区域主要就是展示菜单，之前我们存储了用户动态路由在全局状态中，我们在前面拼接上首页菜单然后还要转化为菜单项的格式。菜单项包含图标和标题，我们需要做对应的处理。内容区域根据当前

上半部分，我们通过集成构建工具 Vite 使组件库能构建出产物。下半部分，我们将要集成 TypeScript，为组件库的开发注入类型系统的支持。

不久前，React官网进行了重构。新官网将hook作为介绍的重头戏，重新通读了一遍react文档，有了一些自己的感悟。在此分享出来与各位共勉。 1. 换个角度认识Props与State Props与S