Задать вопрос
@or1gami

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

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

Как сделать так, что бы при переходе на страницу юзеров, ссылке давался класс ActiveNav?
  • Вопрос задан
  • 51 просмотр
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • ProductStar
    React: отточите навыки интерфейсной разработки
    6 недель
    Далее
  • Skillfactory
    Специализация Frontend-разработчик
    9 месяцев
    Далее
Решения вопроса 1
@alexshipin
javascript-developer
Плохо ищите.
Вместо Link использовать NavLink, пакет называется React-router
ссылка с примерами тут

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

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

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

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
IT ATLAS Москва
от 200 000 до 250 000 ₽
ITK academy Казань
от 50 000 до 90 000 ₽