@seregindev

Как создать вложенные маршруты на frontend'е при помощи React-Router?

Доброго времени суток!

Начал осваивать React и решил в качестве тренеровочного приложения сделать "почтовый клиент", с простыми функциями фильтрования, чтения и т.д. Просто для того чтобы разобраться с React'ом.

Создав некий коркас приступил к созданию маршрутизации при помощи библиотеки React-Router.
Создать простую навигацию оказалось просто, но подойдя к вложенной встрял, совсем..

В чём заключаеися проблема.
У меня имеется 3 кнопки позволяющие фильтровать сообщения(пока что сломал).

Url стартовой страницы приложения выглядит так - localhost:8080/#/mail
При выборе сообщения к url'у добавляется id выбранного сообщения - localhost:8080/#/mail/123
При клике на кнопку "Прочитанные", url меняется на - localhost:8080/#/mail/read

И я не понимаю как я мне при выборе сообщения из прочитанного списка продолжать url, т.к. находять на "категории" прочитанных сообщений продолжать мой url следующим образом - localhost:8080/#/mail/read/123

А происходит следующее, при клике на сообщение, я поподаю на обычный url, без категории... т.к. на - localhost:8080/#/mail/123

Надеюсь понятно объяснил..

Репозиторий с кодом: https://github.com/VladislavDev/simple-react-mail-...
  • Вопрос задан
  • 493 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

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