@mimocrocodile

Почему не работает часть роутинга в React?

У меня есть приложение App. Внутри него:
1. вложен кастомный компонент header (со ссылками на различные страницы проекта)
2. Link со ссылками на другие компоненты
2. настроен роутинг с путями, и они обёрнуты в <BrowserRouter>

Кастомный компонент PageHeader, внутри которого тоже настроен роутинг со своими ссылками.

Проблема: родительский компонент и дочерний. В каждом настроен роутинг на определённые ссылки. в обоих группах Link меняет url, но только в родительском компоненте они переходят по ссылкам, а дочернем pageHeader - нет.

Т.е. кликая по ссылкам внутри главного компонента - мы переходим по компонентам. При клике по ссылкам внутри дочернего - переход не работает.
В чём может быть проблема?

По ощущениям, что это какие-то проблемы рендеринга. Либо какая-то проблема с тем, что ссылки устанавливаются глубоко внутри дочернего компонента, тогда как контент, который должен отобразиться благодаря им, находится выше в иерархии элементов.
В чём может быть проблема и какие пути решения возможны?

Песочницу прикрепил:
https://codesandbox.io/s/clever-fire-fkc7i?file=/s...
  • Вопрос задан
  • 44 просмотра
Решения вопроса 1
0xD34F
@0xD34F
BrowserRouter в PageHeader - убрать.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Leningrad Media Санкт-Петербург
от 100 000 до 150 000 ₽
Studyworld Санкт-Петербург
от 130 000 ₽
SaveTime Москва
от 160 000 ₽