导航架构模块设计与实现:
在上一次前后端接口设计与配置中心系统<二十七>-------前端-管理后台设计实现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: '用户管理',
},