Как настроить динамический роут в react?

Question

[Алексей Чернышов]

Здравствуйте столкнулся с такой задачкой:

Есть статичные uri и есть так же динамические uri.
Необходимо реализовать переход по динамическим uri но при этом проверять существование данных uri так как они берутся с сервера и могут меняться. Так же они имеют вложенность и начинаются с динамики. В будущем еще будут добавлены префикс города.

Динамические урл хранятся в сторе Redux.

Пробовал добавить: <Route path="/:category" component={Category} /> но в таком случае переход на NotFound не произойдет.

Как можно реализовать такой подход, заранее спасибо

<Switch>
     <Route path="/" component={Home} />
     <Route path="/contact" component={Contact} />
     < ???? Category ???? />
     <Route component={NotFound} />
</Switch>

Пример указанный в документации не подошел или я не разобрался до конца

Answer 1

[Виталий Киренков]

Когда вы пишете `:category` у вас под данный роут попадают и `/` и `/contact` и вы просто туда не добираетесь. Попробуйте поставить его на первое место (но это не точно). Я бы рекомендовал динамические параметры делать вложенными. По поводу динамической загрузки, есть хороший пакет - `react-loadable`, возможно вам он потребуется.