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

Статья написана студентом Хекслета. Мнение автора может не совпадать с позицией редакции
Читать в полной версии →

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

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

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

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

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

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