Как организовать глубокую вложенность неизвестной величины в React Router?

Question

[Валера Удав]

Это мое первое серьезное приложение на реакте, процесс идет очень долго, ковыряюсь с каждой мелочью.

Суть вопроса: есть каталоги и товары. Каждый каталог может иметь неизвестное количество вложенностей других каталогов, либо вообще не иметь вложенностей а сразу содержать товары (стандартный интернет-магазин).

Сам вопрос: каким образом мне организовать роутинг так чтобы я мог иметь бесконечное количество вложенностей, а также мог считывать всю цепочку родителей пришедшую из урла?

Что имеем сейчас:
Задаем роутинг каталогу
<Route path='/catalog/:id' component={Catalog} />
При обращении к /catalog/1/2 получаем результат:
Каталог 1
Ожидаемый результат
Каталог 2 (список родителей: Каталог 1)

P.S. хорошо бы еще под все это дело еще найти рабочий компонент хлебных крошек.
P.P.S. React v.15.5.4, React Router v.4.1.1

Comments

[Олег Драпеза]

https://reacttraining.com/react-router/web/example... - в этом примере видно, что в компоненте Topics добавляется отдельный роутинг, скорее всего это будет работать с любой вложенностью.

Вот компонент breadcrumbs - https://github.com/svenanders/react-breadcrumbs

Answer 1

[scrpcc1]

Я плюнул на RR и на основе статьи https://medium.com/@daveford/react-router-alternat... сделал свой. Получилось быстрее, чем пытаться заставить работать react router, как требуется

В функции parsePath напишите свой разбор пути и сможете обрабатывать параметры, как захотите.

Comments

[KnightForce]

Тоже написал свой.)