Смена стилей при роботе с модулями в ReactJs

Question

Мне нужно менять стили от ширены экрана, момент с Store я сделал все данные прихотят , а вот как сменить клас с модулями я так и не понял.

В props.Menu хранить true / false в зависимости от ширины экрана.

<header {props.Menu?'className={classes.Header}':'className={classes.HeaderNEW}}'>

Этот вариант не работает

Также можно не менять стиль , а добавить клас active , к сожелению я тоже не смог так сделать.

Answer 1

Посмотри библиотеку classnames с ней можно просто сделать classNames(classes.Header, { 'active': props.Menu });

Answer 2

<header className={props.Menu && "active"}>

Если props.Menu = true, то будет добавлен класс active, а если false, то active будет убран. Если вам нужно выбрать класс в зависимости от булевого значения, тогда используйте следующую конструкцию:

<header className={props.Menu ? "Header" : "HeaderNEW"}>

БЛОГ НА HUSL

Смена стилей при роботе с модулями в ReactJs

Ответы (2 шт):