@or1gami

Как добавить класс к элементу навбара?

Привет, целый день убил на то, что бы найти решение и не нашел(
Вообщем, есть навбар для админки, выглядит он где то так:
<nav>
  <Link to="/">Index</Link>
  <Link to="/users">Users</Link>
</nav>

Как сделать так, что бы при переходе на страницу юзеров, ссылке давался класс ActiveNav?
  • Вопрос задан
  • 48 просмотров
Решения вопроса 1
@alexshipin
javascript-developer
Плохо ищите.
Вместо Link использовать NavLink, пакет называется React-router
ссылка с примерами тут

Если хотите сделать без дополнительных пакетов, то необходимо отлавливать текущую window.location, оттуда забирать путь, и если он соответствует, то менять класс тому элементу, которому соответствует.

Либо, если у вас это Single Page Application (SPA), то повесить событие onclick, которое будет отслеживать событие, и менять класс.

Так что, ищите лучше, либо используйте Youtube, как вариант Ulbi отличные уроки делает. либо DevEd делает такое же, но на английском языке
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы