React hooks动态配置侧边栏

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

需求:

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


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

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

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

侧边栏:

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

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

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

如下:

完毕!

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

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

相关推荐
再吃一根胡萝卜8 分钟前
Git 强制推送指南:新手必读的「危险操作」解析
前端
诚实可靠王大锤22 分钟前
react-native项目通过华为OBS预签名url实现前端直传
前端·react native·华为
Monly2127 分钟前
Vue:下拉框多选影响行高
前端·javascript·vue.js
是罐装可乐29 分钟前
前端架构知识体系:Source Map 的用法和全面解析
前端·映射·前端架构·代码安全·源码地图·source-map
小桥风满袖35 分钟前
极简三分钟ES6 - ES8中对象扩展
前端·javascript
代码的余温1 小时前
Web服务器VS应用服务器:核心差异解析
运维·服务器·前端
一涯1 小时前
日常小常识记录
前端
那一抹阳光多灿烂1 小时前
CSS 编码规范
前端·css
degree5201 小时前
CSS :has() 选择器详解:为什么它是“父选择器”?如何实现真正的容器查询?
前端·css·css3
૮・ﻌ・1 小时前
CSS高级技巧---精灵图、字体图标、布局技巧
前端·css