如何正确合并react-router-config阵列？

Question

我正在看https://www.npmjs.com/package/react-router-config

我想用它来构建我的路由配置，但是我的路由配置将来自node_modules中的多个包，并且需要在使用之前正确合并。

路由配置形状

路由是与<Route>具有相同属性的对象，但有一些区别：

• 它接受的唯一render道具是component（无render或children） 介绍子路线的路线关键字
• 消费者可以随意在路线上添加任何其他道具，您可以在组件内部访问props.route，该对象是对用于渲染和匹配的对象的引用。
• 接受key道具以防止从具有相同组件和相同key道具的路线进行转换时防止重新安装组件

const routes = [
  { component: Root,
    routes: [
      { path: '/',
        exact: true,
        component: Home
      },
      { path: '/child/:id',
        component: Child,
        routes: [
          { path: '/child/:id/grand-child',
            component: GrandChild
          }
        ]
      }
    ]
  }
]

因此，如果我要合并第二个路由配置：

const routes = [
  { component: Root,
    name: 'root',
    routes: [
      { path: '/',
        exact: true,
        component: Home
      },
      { path: '/child/:id',
        name: 'childView',
        routes: [
          { path: '/child/:id/related-child',
            component: RelatedChild
          }
        ]
      }
    ]
  }
]

我希望每个嵌套路线的所有键都有一个对应关系，即合并。

我该怎么做

我该怎么做？