Выделите вкладку на основе текущего маршрута

Question

Я создал простое приложение реагирования с использованием реагирующего маршрутизатора с двумя маршрутами. Как выделить активный маршрут? Я перепробовал все возможные решения из stackoverflow и других источников.

Вот живая демонстрация

Answer 1

Компонент NavLink имеет неправильный путь ссылки, который не соответствует пути маршрута. Вам нужно написать свой путь как

<NavLink
     to="/about"
     activeClassName="acti"
>

Обратите внимание на / до about

Рабочая демонстрация