Advertisement

React 后台管理项目结合Ant Design 4.0自动生成左侧菜单栏

阅读量:

一级路由:

  • /login
  • /admin

接下来设置admin对应的二级路由

1.准备好数据

假定从后台获取的数据结构(依据不同角色所返回的差异化菜单数据)

复制代码
    const menuList = [
    	{
        title: '首页',
        icon: '<HomeOutlined />',
        key: '/index',
    },
    {
        title: '商品',
        icon: '<ShopOutlined />',
        key: '/productCate',
        children:[
            {
                title: '品类管理',
        		icon: '<BarsOutlined />',
        		key: '/category',
            },
            {
                title: '商品管理',
        		icon: '<CalendarOutlined />',
        		key: '/product',
            }
            
        ]

全部评论 (0)

还没有任何评论哟~