Компоненты NavLink реагирует-маршрутизатор-дом: зависание не работает

Question

Наведение не работает на реагирующих компонентах маршрутизатора. Изображение

Answer 1

Вы не можете и даже не должны помещать псевдоклассы в строку.Поместите CSS в класс, а затем примените его к className, как в примере ниже:

JSX:

<NavLink to="/example" className="nav_link">Example</NavLink>

CSS

.nav {
  //other styles
  //...
  a.nav_link:hover {
  cursor: pointer;
  color: red; 
  }
}

Пример

Answer 2

Атрибуты встроенного стиля JSX не допускают :hover.Вместо этого вам нужно поместить это в таблицу стилей.