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

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

Есть статичные 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>


Пример указанный в документации не подошел или я не разобрался до конца
  • Вопрос задан
  • 165 просмотров
Решения вопроса 1
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
Когда вы пишете `:category` у вас под данный роут попадают и `/` и `/contact` и вы просто туда не добираетесь. Попробуйте поставить его на первое место (но это не точно). Я бы рекомендовал динамические параметры делать вложенными. По поводу динамической загрузки, есть хороший пакет - `react-loadable`, возможно вам он потребуется.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы