Всем привет,
Подскажите плз, можно ли в react material ui сделать кнопку - переходом по ссылке и подсвечивать активную ?
Делаю так, но получается что то не то:
{
menuList.map(item =>
<Button className={item.path === activeNav ?
classes.active : ''} key={
item.name} onClick={() => handleClick(item)}>{
item.name}</Button>
)}
Логика:
const classes = useStyles();
let history = useHistory();
let location = useLocation();
const [ activeNav, setActiveNav ] = React.useState(location.pathname);
const handleClick = (item: HorizontalMenuItemInterface) => {
if (item.path !== activeNav) {
setActiveNav(item.path);
history.push({pathname: item.path});
}
};