0

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

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

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

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

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

0

2 ответа 2

2

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

1
  • а без библиотеки
    – user398213
    15 июл 2020 в 15:11
1

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

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

<header className={props.Menu ? "Header" : "HeaderNEW"}>
7
  • 1
    можно даже без интерполяции, например <header className={props.Menu && "active"}> 15 июл 2020 в 13:33
  • 1
    @Август спасибо, исправил
    – First Sin
    15 июл 2020 в 13:35
  • Идею я понял , но мне нужно подключить в зависимости от true клас под названием HeaderNew вместо класа Header
    – user398213
    15 июл 2020 в 13:55
  • Я сделал <header className={classes.Header && classes.HeaderNEW}> и классы добавились но зависимость от true я так и не смог сделать
    – user398213
    15 июл 2020 в 14:00
  • если props.Menu === true тогда <header className={classes.Header}> \\ если props.Menu === false тогда <header className={ classes.HeaderNEW}>
    – user398213
    15 июл 2020 в 14:01

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.