React hooks动态设置侧边栏
React hooks根据差别需求 另有差别的角色 动态的去设置侧边栏需求：
点击某个按钮是一套侧边栏 ，差别角色（好比管理员之类的权限高一点）比普通用户多个侧边栏
https://img-blog.csdnimg.cn/direct/b4e5c34eb66e4fa2b6770d524f058fff.png
https://img-blog.csdnimg.cn/direct/d92c5fa17b9d49c684682a36130768c8.png
然后点击另一个按钮是另一套侧边栏
https://img-blog.csdnimg.cn/direct/cf7385390d80430c8c914ac5782a2adf.png
此时，就必要动态的去设置侧边栏了
我这里就不详细的设置路由和路由跳转了 只展示一下设置差别侧边栏的方法和代码
https://img-blog.csdnimg.cn/direct/0088cfe864d14c4faf6f0377bf780e78.png
侧边栏：
https://img-blog.csdnimg.cn/direct/b7b5c57b1d68442697d5f50e6c6c59a5.png
本身定一个范例，然后就将对应的侧边栏传进去
https://img-blog.csdnimg.cn/direct/381963bf9eee4061b754ed9cf84788f7.png
https://img-blog.csdnimg.cn/direct/13fb784dd2c44c3b97173e279b7ab11c.png
这样就实现了两套差别侧边栏
然后是侧边栏差别角色表现
https://img-blog.csdnimg.cn/direct/a8ea62a95a8848818086043b311b3213.png
如下：
https://img-blog.csdnimg.cn/direct/91b65d355691418d90fe3be331cd900f.png
完毕！
现在是下午5.21https://img-blog.csdnimg.cn/direct/db46a41eb6784c70b37bd223877c7058.png 本日又是一年高考 似乎离我很远很远啦 上班后就太太太羡慕有暑假的小孩啦
高考加油阿 我一个小时后就放端午假啦 考欠好的话就要像我一样上班敲代码啦https://img-blog.csdnimg.cn/direct/2b2f24dc0e6745d9b2178166261d2cae.png
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]