UMI学习-8 antd Menu点击 切换框架页内容页面

import React from ‘react‘;
class User extends React.Component { 
  render() {
    return (
      <div>用户管理</div>
    );
  }
}
export default User;

import React from ‘react‘;
class UserRole extends React.Component { 
  render() {
    return (
      <div>角色管理</div>
    );
  }
}
export default UserRole;

const config: IConfig =  {
  treeShaking: true,
  routes: [
    {
       path: ‘/mainfrm‘,
       component: ‘../layouts/BasicLayout‘,
       routes: [
        { path: ‘/mainfrm‘, component: ‘../pages/User‘ },
        { path: ‘/mainfrm/user‘, component: ‘../pages/User‘ },
        { path: ‘/mainfrm/userrole‘, component: ‘../pages/UserRole‘ },
      ]
    },
    {
      path: ‘/‘,
      component: ‘../layouts/index‘,
      routes: [
        { path: ‘/‘, component: ‘../pages/index‘ }
      ]
    }
  ],

class LeftMenuTree extends React.Component {
  state={list:[{"id":0,"title":"首页","url":"/","children":[]},{"id":1,"title":"权限配置","parentid":0,"children":[{"id":2,"title":"用户管理","url":"/mainfrm/user","parentid":1,"children":[]},{"id":3,"title":"角色管理","url":"/mainfrm/userrole","parentid":1,"children":[]}]}]};