Задать вопрос

Как настроить динамический роут в 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>


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

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

Похожие вопросы