1 打开项目引入react-router-dom
yarn add react-router-dom
2 创建配置文件(src/config/menuConfig)
//动态菜单
const menuList = [
{
'title': "首页",
'key': '/home'
}, {
'title': "机器人设置",
'key': '/robot',
'children': [
{
'title': "开启",
'key': '/robot/start',
}
]
}
];
export default menuList;
3 导航组件(src/components/NavLeft/index.js)调用菜单
import React, {Component} from 'react';
import {Menu} from "antd";
import menuConfig from '../../config/menuConfig';
const SubMenu = Menu.SubMenu;
const MenuItem = Menu.Item;
export default class Index extends Component {
componentWillMount() {
const menuList = this.renderMenu(menuConfig);