react+ts菜单权限学习一

json-server模拟数据 数据格式如下 

{
  "userinfos": [
    {
      "id": 1,
      "username": "lesson",
      "userpwd": "123",
      "usertype": 1
    },
    {
      "username": "huyan",
      "userpwd": "123",
      "usertype": 2,
      "id": 2
    },
    {
      "username": "lala",
      "userpwd": "1234",
      "usertype": 2,
      "id": 3
    },
    {
      "username": "lili",
      "userpwd": "1234",
      "usertype": 2,
      "id": 4
    }
  ],
  "menuinfos": [
    {
      "id": 1,
      "name": "用户管理",
      "path": "/menu/user",
      "type": 1
    },
    {
      "id": 2,
      "name": "菜单管理",
      "path": "/menu/menu",
      "type": 1
    },
    {
      "id": 3,
      "name": "用户菜单分配",
      "path": "/menu/usermenu",
      "type": 1
    },
    {
      "name": "功能一",
      "path": "/menu/A1",
      "com": "A1",
      "type": 2,
      "id": 5
    },
    {
      "name": "功能二",
      "path": "/menu/A2",
      "com": "A2",
      "type": 2,
      "id": 6
    },
    {
      "name": "功能三",
      "path": "/menu/A3",
      "com": "A3",
      "type": 2,
      "id": 7
    },
    {
      "name": "功能四",
      "path": "/menu/A4",
      "com": "A4",
      "type": 2,
      "id": 8
    },
    {
      "name": "功能五",
      "path": "/menu/A5",
      "com": "A5",
      "type": 2,
      "id": 9
    },
    {
      "name": "功能六",
      "path": "/menu/a6",
      "com": "A6",
      "type": 2,
      "id": 10
    }
  ],
  "usermenuinfos": [
    {
      "id": 1,
      "userid": 1,
      "menuid": 1,
      "path": "/menu/user",
      "name": "用户管理",
      "com": "User"
    },
    {
      "id": 2,
      "userid": 1,
      "menuid": 2,
      "path": "/menu/menu",
      "name": "菜单管理",
      "com": "Menu"
    },
    {
      "id": 3,
      "userid": 1,
      "menuid": 3,
      "path": "/menu/usermenu",
      "name": "用户菜单管理",
      "com": "UserMenu"
    },
    {
      "userid": "4",
      "menuid": 6,
      "path": "/menu/A2",
      "name": "功能二",
      "com": "A2",
      "id": 9
    }
  ]
}