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

Question

[Vadim_Sabirov]

На сайте имеется лэндинг, навигацию по которому хотелось сделать с помощью якорных ссылок.
Но при переходе по адресу "/" класс "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>

Answer 1

[Дмитрий Кузнецов]

Потому что ссылка по сути не меняется. Да и не правильно использовать такой роутинг. Для якорей используйте простые ссылки.