【避坑指“难”】react+umi权限控制一网打尽（路由权限and按钮权限）

权限控制是业务中最最最最最常见的，通常B端需要对不同的用户配置不同的权限，相应的按钮也仅开放给部分用户可见，下面是权限控制的实现方式。

一、菜单权限及路由权限

1、config/routes.tsx

添加access权限控制标识

{
   
    path: '/userCenter',
    name: '个人中心',
    access: 'userCenter',
    icon: 'GroupOutlined',
    hideInMenu: true,
    routes: [
      {
   
        access: 'userCenter',
        path: '/userCenter',
        component: './userCenter',
      },
      {
   
        name: '新建用户',
        access: 'userManageAdd',
        path: '/userCenter/userManage/create',
        component: './userCenter/UserManage/user/create',
      },
      {
   
        name: '修改用户',
        access:'userManageUpdate',
        path: '/userCenter/userManage/:id',
        component: './userCenter/UserManage/user/[id]',
      },
      {
   
        name: '角色管理',
        access:'userRoleAuth',
        path: '/userCenter/roleManage/auth',
        component: './userCenter/RoleManage/auth',
      },
    ]