前后端接口设计与配置中心系统＜二十七＞-------前端-管理后台设计实现2【导航架构模块设计与实现、基于react-router-dom实现路由模块、网络模块封装与service层实现】

导航架构模块设计与实现：

在上一次前后端接口设计与配置中心系统<二十七>-------前端-管理后台设计实现1【基于create-react-app搭建web工程、整合antd与less并搭建具有Ant Design风格的页面、页面结构设计与框架搭建】搭建了前端管理后台的基本框架，接着往下继续开撸，接下来则来搭建一下左侧菜单模块了。

定义Menu元素：

import React from 'react';
import './DrawerMenu.less';
import {Layout, Menu} from 'antd';

const {Sider} = Layout;
const {SubMenu} = Menu;
const MENUS = {
    home: {
        key: 'home',
        title: '首页',
    },
    user: {
        key: 'user',
        title: '用户管理',
    },
    category: {
        key: 'category',
        title: '类别列表',
    },
    addCategory: {
        key: 'addCategory',
        title: '添加类别',
    },
    configList: {
        key: