0

Имеется блок, который должен по клику менять свой внешний вид. Хочу при клике менять значение стейта и в зависимости от значения присваивать доп. класс.

<div className={`${style.card}  ${count === 1 ? style.additional : ''}`}></div>

Первый класс card всегда присвоен и работает, а additional должен присваиваться при клике. Но при клике, вместо класса, в консоли, я вижу undefiend. Если я подобным образом вывожу обычные текстовые классы - всё работает как надо. Но мне нужна модульность. Как решить данную проблему?

1
  • Как я понял, корень проблемы лежит в том, что классы создаются отдельной библиотекой. т.к. изначально класс additional я не использую при формировании страницы, библиотека его не создаёт и соответственно я получаю undefiend если уже потом использую. Если создать еще один div где применить этот класс, то приведённый выше код работает 20 авг 2020 в 15:30

2 ответа 2

0

Решил через костыль: создал дополнительный div которому присвоил нужный мне класс, а через style указал visibility: hidden. Работает.

Может есть более элегантное решение?

0
0

className={style.imgWillChoose + ' ' + style.imgIsChoosing}

1

Ваш ответ

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

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