@Vadim_Sabirov

Почему NavLink присваивает класс «active» всем якорным ссылкам страницы?

На сайте имеется лэндинг, навигацию по которому хотелось сделать с помощью якорных ссылок.
Но при переходе по адресу "/" класс "active" приобретают все якоря, а хотелось бы, чтобы при нажатии на якорь "/#2" класс "active" имела только ссылка "Истории учеников" и тд. Почему так происходит и как это можно исправить?
<li>
    <NavLink className='nav__elem' to="/"><img src="images/1.png" className='nav__img' alt="О школе"/>О 
    школе</NavLink>
</li>
<li>
    <NavLink className='nav__elem' to="/#1"><img src="images/1.png" className='nav__img' 
     alt="Курсы"/>Курсы</NavLink>
</li>
<li>
    <NavLink className='nav__elem' to="/#2"><img src="images/1.png" className='nav__img' alt="Истории 
    учеников"/>Истории учеников</NavLink>
</li>
<li>
    <NavLink className='nav__elem' to="/#3"><img src="images/1.png" className='nav__img' 
    alt="Контакты"/>Контакты</NavLink>
</li>
  • Вопрос задан
  • 48 просмотров
Решения вопроса 1
dima9595
@dima9595
Junior PHP
Потому что ссылка по сути не меняется. Да и не правильно использовать такой роутинг. Для якорей используйте простые ссылки.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы