BoriHagen
@BoriHagen

Почему в React.js activeClassName не работает?

import React from 'react';
import s from './Nav.module.css';
import { NavLink } from 'react-router-dom';

const Navbar = () => {
    return (
        <nav className={s.nav}>
            <div className={s.item}>
                <NavLink to="/profile" activeClassName={s.selected}>Profile</NavLink>
            </div>
            <div className={s.item}>
                <NavLink to="/dialogs" activeClassName={s.selected}>Dialogs</NavLink>
            </div>
            <div className={s.item}>
                <a href="/#">Music</a>
            </div>
            <div className={s.item}>
                <a href="/#">Settings</a>
            </div>
        </nav>
    )
}

export default Navbar;


activeClassName не добавляет никаких классов к элементу - смотрел даже в html коде страницы. Так же пробовал activeClassName="selected"
Не помогает.
  • Вопрос задан
  • 94 просмотра
Решения вопроса 1
BoriHagen
@BoriHagen Автор вопроса
Решил путем запуска проекта не через cmd а через консоль VS Code.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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