React hooks动态配置侧边栏

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

需求:

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


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

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

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

侧边栏:

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

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

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

如下:

完毕!

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

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

相关推荐
forwardMyLife17 分钟前
element-plus 的form表单组件之el-radio(单选按钮组件)
前端·javascript·vue.js
fs哆哆29 分钟前
ExcelVBA运用Excel的【条件格式】(二)
linux·运维·服务器·前端·excel
安冬的码畜日常43 分钟前
【CSS in Depth 2精译】2.5 无单位的数值与行高
前端·css
ilisi_44 分钟前
导航栏样式,盒子模型
前端·javascript·css
吉吉安1 小时前
grid布局下的展开/收缩过渡效果【vue/已验证可正常运行】
前端·javascript·vue.js
梦凡尘1 小时前
Vue3 对跳转 同一路由传入不同参数的页面分别进行缓存
前端·javascript·vue.js
攒了一袋星辰1 小时前
Webpack安装以及快速入门
前端·webpack·node.js
吃饱很舒服1 小时前
kotlin distinctBy 使用
android·java·开发语言·前端·kotlin
柳晓黑胡椒1 小时前
vue3实现多表头列表el-table,拖拽,鼠标滑轮滚动条优化
javascript·vue.js·elementui·el-table
勤劳兔码农1 小时前
从IE到Edge:微软浏览器的演变与未来展望
前端·microsoft·edge