App. Внутри него:
1. вложен кастомный компонент header (со ссылками на различные страницы проекта)
2. Link со ссылками на другие компоненты
2. настроен роутинг с путями, и они обёрнуты в <BrowserRouter>
Кастомный компонент PageHeader, внутри которого тоже настроен роутинг со своими ссылками.
Проблема: родительский компонент и дочерний. В каждом настроен роутинг на определённые ссылки. в обоих группах Link меняет url, но только в родительском компоненте они переходят по ссылкам, а дочернем pageHeader - нет.
Т.е. кликая по ссылкам внутри главного компонента - мы переходим по компонентам. При клике по ссылкам внутри дочернего - переход не работает.
Подскажите, пожалуйста, в чём может быть проблема?
По ощущениям, что это какие-то проблемы рендеринга.
Песочницу прикрепил:
https://codesandbox.io/s/clever-fire-fkc7i?file=/src/App.js:412-541
убери BrowserRouter в компоненте PageHeader
Обсуждают сегодня