Поддержим ваш первый шаг:
-10% на профессии и специальные условия до 12 мая
Главная | Все статьи | Дневник студента

Упрощённое использование библиотеки classnames

Время чтения статьи ~1 минута
Статья написана студентом Хекслета. Мнение автора может не совпадать с позицией редакции
Упрощённое использование библиотеки classnames главное изображение

В уроках по React довольно часто приходится использовать библиотеку classnames.

Во всех примерах и решениях учителя мне попадался такой вариант использования:

const className = cn({
  class1: true,
  class2: условие,
  class3: условие,
});

Но, если class1 нужен всегда, то нет смысла писать true, можно написать вот так:

const className = cn(
  'class1', {
    class2: условие,
    class3: условие
});

На самом деле вариантов использования этой утилиты гораздо больше, поэтому рекомендую ознакомиться с документацией.

Аватар пользователя Artyom Ganev
Artyom Ganev 17 января 2020
3
Больше интересного в нашем Telegram-канале
Картинка баннера
Похожие статьи
Поможем с выбором
Если у вас есть вопросы о формате или вы не знаете, что выбрать, оставьте свой номер — мы позвоним и ответим на все вопросы
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»