本篇文章主要介绍了react实现菜单权限控制的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

用Vue/React这类双向绑定框架做后台系统再适合不过，后台系统相比普通前端项目除了数据交互更频繁以外，还有一个特别的需求就是对用户的权限控制，那么如何在一个Vue应用中实现权限控制呢？下面是我的一点经验。 权限控制是什么 在权限的世界里服务端提供的一切都是资源，资源可以由请求方法+请求地址来描述，权限是对特定资源的访问许可，所谓权限控制，也就是确保用户只能访问到被分配的资源。具体的说，前端对资源的访问通常是由界面上的按钮发起，比如删除某条数据；或由用户进入某一个页面发起，比如获取某个列表数据

通常公司的后台管理系统都需要权限控制，即不同的角色用户看到不同的菜单，如下图： 下面，通过react实现这样的后台管理系统(脚手架)，功能简介： 1.顶部的菜单项根据用户的角色动态生成。 2.侧边测菜单项根据已选的顶部菜单动态生成。 直接上代码： 路由配置： export default ( <IndexRoute c