response-router-config - множественный путь для одного компонента - PullRequest
0 голосов
/ 19 декабря 2018

Я использую пакетact-router-config отсюда: https://www.npmjs.com/package/react-router-config для моего проекта.Я создал файл Routes.js, в котором я установил свои конфигурации маршрутов, он выглядит следующим образом:

    export default [
    {
        ...App,
        routes: [
            {
                ...IndexPage,
                path: '/',
                exact: true
            },
            {
                ...CategoryPage,
                path: '/computers'
            },
            {
                ...CategoryPage,
                path: '/home'
            },
            {
                ...NotFoundPage
            }
        ]
    }
];

, как вы можете видеть, я использую два пути '/ computers' и '/ home' для загрузки одного и того же компонента CategoryPage .Интересно, можно ли передать несколько путей в одном объекте для загрузки одного и того же компонента, примерно так:

{
  ...CategoryPage,
  path: ['/computers','/home']
}   

Ответы [ 2 ]

0 голосов
/ 19 декабря 2018

По некоторым причинам, я думаю, что способ, которым вы написали, может быть способом.Вы могли бы сначала создать свою идеальную структуру, напр.

{
   components: [...CategoryPage],
   path: ['/computers','/home']
} 

А затем используйте свою собственную служебную функцию, чтобы преобразовать ее в окончательную структуру.Таким образом, вы можете сделать свою структуру маршрутизации настолько гибкой, насколько захотите, и одним источником данных одновременно.Я обнаружил, что этот способ является более масштабируемым, чем изменение структуры маршрутизации по умолчанию.

0 голосов
/ 19 декабря 2018

основано на документации https://github.com/ReactTraining/react-router/blob/v3/docs/Glossary.md#path тип пути - это строка, но когда я читаю это обновление, я предполагаю, что он поддерживает реакцию маршрутизатора версии 4.4 [https://reacttraining.com/react-router/web/api/Route/path-string-string][1]

В этом примере <Route path={["/users/:id", "/profile/:id"]} component={User} />

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...