Я использую react-router-dom v4. У меня есть компонент меню, и мне нужно при помощи css выделять нужный пункт в зависимости от того где на данный момент находится пользователь. К примеру он может находиться на /additem, тогда мне надо выделить именно этот пункт меню. У меня в css будет два id для выделенного и не выделенного пункта меню. И вот мне надо в зависимости от совпадения местоположения роутера и пункта меню менять id стиля в элементе li
Вот код компонента:
import React, {Component} from 'react';
import {Link} from "react-router-dom";
export default class TabMenu extends Component {
render() {
return (
<div id="main-tabs">
<ul>
<li>
<Link to={'/additem'}>Gegenstand hinzufügen</Link>
</li>
<li>
<Link to={'/processitem'}>Prozesselement</Link>
</li>
<li>
<Link to={'/cargodocs'}>Frachtdokumente</Link>
</li>
<li>
<Link to={'/statistics'}>Statistiken</Link>
</li>
</ul>
</div>
);
}
}