Все статьи | Блог студента

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

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

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

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

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

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

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

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

Аватар пользователя Artyom Ganev
Artyom Ganev 17 января 2020
Рекомендуемые программы

С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.

Иконка программы Фронтенд-разработчик
Профессия
Разработка фронтенд-компонентов веб-приложений
1 декабря 8 месяцев
Иконка программы Python-разработчик
Профессия
Разработка веб-приложений на Django
1 декабря 8 месяцев
Иконка программы PHP-разработчик
Профессия
Разработка веб-приложений на Laravel
1 декабря 8 месяцев
Иконка программы Node.js-разработчик
Профессия
Разработка бэкенд-компонентов веб-приложений
1 декабря 8 месяцев
Иконка программы Верстальщик
Профессия
Вёрстка с использованием последних стандартов CSS
в любое время 5 месяцев
Иконка программы Java-разработчик
Профессия
Разработка приложений на языке Java
1 декабря 10 месяцев
Иконка программы Разработчик на Ruby on Rails
Профессия
Новый
Создает веб-приложения со скоростью света
1 декабря 5 месяцев