react-router拆分子路由
  React Router是React应用程序中用于处理路由的库。通过React Router，我们可以轻松地管理应用程序中的不同页面和组件，并实现页面之间的导航。然而，当应用程序变得越来越大时，将所有的路由配置都放在一个文件中可能会变得难以维护。为了解决这个问题，我们可以使用React Router的拆分子路由功能来将路由配置拆分成多个文件，从而提高代码的可维护性和可读性。
 
  要使用React Router的拆分子路由功能，我们需要遵循以下步骤：
 
reactrouter6路由拦截
  创建一个主路由文件，该文件将包含应用程序中的所有路由配置。在这个文件中，我们可以使用<Switch>组件来包裹所有的<Route>组件，以确保只渲染与当前URL匹配的路由组件。
 
  在主路由文件中，我们可以使用<Route>组件的render属性来动态地导入子路由文件。这样，当需要渲染某个路由组件时，才会加载对应的子路由文件，从而实现了按需加载。
 
  创建子路由文件，每个子路由文件可以包含一组相关的路由配置。在子路由文件中，我们可以使用<Switch>和<Route>组件来定义该子路由下的所有路由规则。
 
  在子路由文件中，我们可以使用export default语句将路由配置导出为一个React组件。这样，主路由文件就可以通过import语句来导入并使用这些子路由配置。
 
  通过使用React Router的拆分子路由功能，我们可以将路由配置拆分成多个文件，使得代码结构更加清晰和易于维护。此外，按需加载子路由文件还可以提高应用程序的性能，减少不必要的加载时间。