前端项目实战叁拾贰-​react-admin+material ui-useMemo路由设定部分

我是歌谣 放弃很容易 但是坚持一定很酷 微信公众号关注前端小歌谣 带你加入前端巅峰人才交流群 

const items = useMemo<IMenuItem[]>(() => {
    let menuItems: IMenuItem[] = new Array<IMenuItem>();
    let item: IMenuItem = {
      key: 'home',
      label: '功能测试',
      children: new Array<IMenuItem>(),
    }
    let orderItem: IMenuItem = {
      key: 'orderman',
      label: <Link to='/t_order'>单表管理-测试订单</Link>,
      path: '/orderman'
    }
    let categoryItem: IMenuItem = {
      key: 'categoryman',
      label: <Link to='/categoryman'>产品管理</Link>,
      path: '/categoryman'
    }
    // let demoItem: IMenuItem = {
    //   key: 'pushman',
    //   label: <Link to='/demo'>demo</Link>,
    //   path: '/pushman'
    // }
    let myDemoItem: IMenuItem = {
      key: 'mydemo',
      label: <Link to='/mydemo'>多表测试-品类/款式</Link>,
      path: '/mydemo'
    }


    // let categoryItem: IMenuItem = {
    //   key: 'categoryman',
    //   label: <Link to=''>品类管理</Link>,
    //   path: '/categoryman'
    // }
    item.children!.push(categoryItem);
    item.children!.push(myDemoItem);
    item.children!.push(orderItem);
    // item.children!.push(categoryItem);
    //  item.children!.push(demoItem);
    
    menuItems.push(item);
    return menuItems;
  }, [])

 运行结果