Почему нельзя задать className компоненту на прямую?

Question

[Famouss]

Вопрос следующего характера - почему, для того, чтобы задать стиль компоненту, нужно обернуть его в блок и уже этому блоку задавать класс?

let myFunc() {
     return(
         <div className={styles.item}>
           <NavLink to='#' path='/'>Link</NavLink>
        </div>
     )
}

Оборачивать ссылку в блок, мне кажется, это не сильно уместно.

Comments

[Сергей Сергей]

таков путь React

Answer 1

[inzeppelin]

Почему нельзя-то? Можно же как пропс. Вот реализация NavLink в React-router: https://github.com/ReactTraining/react-router/blob...

И в примере ниже

<NavLink className="test" activeClassName="a" exact to="/">I have class</NavLink>

Все работает