React hooks动态配置侧边栏

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

需求:

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


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

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

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

侧边栏:

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

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

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

如下:

完毕!

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

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

相关推荐
无巧不成书02182 小时前
Windows PowerShell执行策略详解:从npm报错到完美解决
前端·windows·npm·powershell执行策略·执行策略·npm.ps1·脚本报错
Z兽兽8 小时前
React@18+Vite项目配置env文件
前端·react.js·前端框架
SuniaWang8 小时前
《Spring AI + 大模型全栈实战》学习手册系列 · 专题六:《Vue3 前端开发实战:打造企业级 RAG 问答界面》
java·前端·人工智能·spring boot·后端·spring·架构
A_nanda9 小时前
根据AI提示排查vue前端项目
前端·javascript·vue.js
happymaker062610 小时前
web前端学习日记——DAY05(定位、浮动、视频音频播放)
前端·学习·音视频
~无忧花开~10 小时前
React状态管理完全指南
开发语言·前端·javascript·react.js·前端框架
LegendNoTitle10 小时前
计算机三级等级考试 网络技术 选择题考点详细梳理
服务器·前端·经验分享·笔记·php
@大迁世界10 小时前
1.什么是 ReactJS?
前端·javascript·react.js·前端框架·ecmascript
BJ-Giser11 小时前
Cesium 基于EZ-Tree的植被效果
前端·可视化·cesium
王码码203512 小时前
Flutter for OpenHarmony:Flutter 三方库 algoliasearch 毫秒级云端搜索体验(云原生搜索引擎)
android·前端·git·flutter·搜索引擎·云原生·harmonyos