React hooks动态配置侧边栏

React hooks根据不同需求 还有不同的角色 动态的去配置侧边栏

需求:

点击某个按钮是一套侧边栏 ,不同角色(比如管理员之类的权限高一点)比普通用户多个侧边栏


然后点击另一个按钮是另一套侧边栏

此时,就需要动态的去配置侧边栏了

我这里就不详细的配置路由和路由跳转了 只展示一下配置不同侧边栏的方法和代码

侧边栏:

自己定一个类型,然后就将对应的侧边栏传进去

这样就实现了两套不同侧边栏

然后是侧边栏不同角色显示

如下:

完毕!

现在是下午5.21 今天又是一年高考 好像离我很远很远啦 上班后就太太太羡慕有暑假的小孩啦

高考加油阿 我一个小时后就放端午假啦 考不好的话就要像我一样上班敲代码啦

相关推荐
小oo呆1 分钟前
【学习心得】Python的Pydantic(简介)
前端·javascript·python
funnycoffee1239 分钟前
F5 Big IP如何设置web和SSH登录的白名单
前端·tcp/ip·ssh
JarvanMo17 分钟前
国产 App,求你放过我的 iPhone 电量吧!
前端
先飞的笨鸟20 分钟前
2026 年 Expo + React Native 项目接入微信分享完整指南
前端·ios·app
angelQ22 分钟前
Vercel部署:前后端分离项目的整体部署流程及问题排查
前端·javascript
AI前端老薛22 分钟前
CSS实现动画的几种方式
前端·css
晨米酱24 分钟前
轻量级 Git Hooks 管理工具 Husky
前端·代码规范
Jing_Rainbow26 分钟前
【 前端三剑客-35 /Lesson58(2025-12-08)】JavaScript 原型继承与对象创建机制详解🧬
前端·javascript·面试
携欢26 分钟前
portswigger靶场之修改序列化数据类型通关秘籍
android·前端·网络·安全
San3026 分钟前
告别全局污染:深入解析现代前端的模块化 CSS 演进之路
css·vue.js·react.js