Я смотрю на 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
}
]
}
]
}
]
Я бы хотел иметь одно соответствие со всеми ключами для каждого вложенного маршрута, слияние.
Как я могу это сделать
Как я могу это сделать?