Измените имя класса ссылки на основе текущего URL-адреса, реагируйте

#reactjs #react-router-dom

#reactjs #реакция-маршрутизатор-dom

Вопрос:

У меня есть компонент боковой Links панели, и мне нужно изменить Link цвет при открытии определенного URL-адреса.

Как лучше всего решить эту проблему в React?

Комментарии:

1. вы должны показать нам некоторый код

Ответ №1:

Вы можете использовать компонент NavLink и предоставить свой класс в качестве значения activeClassName prop :

  <NavLink to="/faq" activeClassName="selected">
   FAQs
  </NavLink>
 

Правило CSS может быть следующим :

   .selected{
    color: blue
   }