🧐[问题]ProLayout组件，不使用UMI，使用ReactRouter，配置路由、导航菜单和面包屑的最佳方案是?

### 🧐 问题描述

ProLayout组件，不使用UMI，使用ReactRouter，配置路由、导航菜单和面包屑的最佳方案是什么？

测试了配置route属性，可以生成菜单，但是没有生成连接

```
import { ProLayoutProps } from '@ant-design/pro-layout';
import { ChromeFilled, CrownFilled, SmileFilled, TabletFilled } from '@ant-design/icons';
import React from 'react';

const Home = React.lazy(() => import('pages/Home'));
const Sample = React.lazy(() => import('pages/Sample'));

const props: ProLayoutProps = {
fixSiderbar: true,
layout: "side",
splitMenus: false,
contentWidth: 'Fluid',
siderMenuType: 'group',
fixedHeader: true,
route: {
path: '/',
routes: [
{
path: '/welcome',
name: '欢迎',
icon: ,

},
{
path: '/admin',
name: '管理页',
icon: ,
access: 'canAdmin',
routes: [
{
path: '/admin/sub-page1',
name: '一级页面',
icon: 'https://gw.alipayobjects.com/zos/antfincdn/upvrAjAPQX/Logo_Tech%252520UI.svg',
},
{
path: '/admin/sub-page2',
name: '二级页面',
icon: ,
},
{
path: '/admin/sub-page3',
name: '三级页面',
icon: ,
},
],
},
{
name: '列表页',
icon: ,
path: '/list',
routes: [
{
path: '/list/sub-page',
name: '列表页面',
icon: ,
routes: [
{
path: 'sub-sub-page1',
name: '一一级列表页面',
icon: ,
component:
},
{
path: 'sub-sub-page2',
name: '一二级列表页面',
icon: ,
},
{
path: 'sub-sub-page3',
name: '一三级列表页面',
icon: ,
},
],
},
{
path: '/list/sub-page2',
name: '二级列表页面',
icon: ,
},
{
path: '/list/sub-page3',
name: '三级列表页面',
icon: ,
},
],
},
{
path: 'https://ant.design',
name: 'Ant Design 官网外链',
icon: ,
},
],
},
};

export default props;

```

The issue provides a ProLayoutProps route configuration and React.lazy entry points but names no repository files or tests. Start by reading the ProLayout route handling and the ReactRouter integration, then document a configuration that produces working navigation links, menus, and breadcrumbs without Umi.

Written by the indexing model from the issue text.