Вложенные роуты в React?

Question

[faleaksey]

Всем привет! Как возможно реализовать следующее:
home/категория/подкатегория/товар ?
при этом если мы выводим популярный товар на главной, при клике на него в url отображеть весь путь до файла?
категория и подкатегория не просто статичный url, а дочерние компоненты...
Есть ли примеры или готовые решения? спасибо)

Answer 1

[Frozen Coder]

Если мы говорим про react-router, то можно с его помощью сделать несколько вложенных Switch. Т.е. где-то наверху у нас главный Switch, роуты которого ведут на компонты категорий по начальному url типа 'home/:category', в этом или этих компонентах категорий есть ещё один Switch, роуты которого ведут на компонт(ы) подкатегорий, где есть ещё один Switch. Что-то типо такого. Тут детали зависят от того, как сделаны эти дочерние компоненты - один на категорию или один на все категории.

Comments

[faleaksey]

Eugene Aristarhov , а откуда брать путь к товару, если он выводится на главной и дочерняя для него это главная?

[Frozen Coder]

faleaksey, а у вас товар в каком виде на главной странице в плане данных, т.е. наверняка это объект, у него нет полей с категорией, подкатегорией в виде названий или uuid или каких-то аналогичных идентификаторов? Их можно было бы использовать как параметры путя и формировать ссылку на него по этим полям.

[faleaksey]

Eugene Aristarhov, сформировал ссылку из объекта, как вы описали выше! спасибо)

Answer 2

[Анатолий Жаров]

react-router отлично подойдет
https://reacttraining.com/react-router/

Comments

[faleaksey]

Анатолий Жаров , это само собой... как раз этого я примеры и ищу

[Анатолий Жаров]

faleaksey, исчерпывающий набор примеров есть в документации