Ребят, всем привет.
Подскажите, пожалуйста, можно ли используя NavLink из react-router-dom сохранить активный класс для вложенных путей в которых содержится часть базового url?
Пример:
const NavBar = (props) => {
return (
<div className="navBar-wrap">
<NavLink exact to="/news">News</NavLink>
</div>
);
};
export default NavBar
const Content = (props) => {
return (
<Switch>
<Route exact path="/news" render={() => <News />} />
<Route exact path="/news/:catId" render={() => <NewsCats />}/>
<Route exact path="/news/:catId/:id" render={() => <NewsItem />}/>
</Switch>
)
};
export default Content
Другими словами, чтобы при нахождении по любому из урлов, в котором после домена есть /news, был присвоен активный класс главному роуту <NavLink exact to="/news">News</NavLink>
/news
/news/cat
/news/cat/item и т.д.
В документации нашёл withRouter, вроде это оно, но не знаю как его правильно применить, то ли им надо оборачивать компонент с навигацией, то ли с контентом, пробовал и так и сяк, не получается добиться нужного эффекта