Почему в React используют className вместо атрибута class?

Смысл

В JSX атрибут class конфликтует с зарезервированным словом JavaScript class. Поэтому React использует className, которое в DOM становится class.

<div className="card active">Контент</div>

Исторический контекст

Ранний React ближе к DOM API: node.className = '...'. Отсюда и имя. Аналогично htmlFor вместо for (тоже reserved / путаница с циклом for).

Типичные ошибки

// неправильно в JSX React:
// <div class="card" />

// правильно:
<div className="card" />

В некоторых рантаймах/других фреймворках допускается class, но в классическом React — className.

Динамические классы

<div className={['btn', primary && 'btn-primary'].filter(Boolean).join(' ')} />

Или библиотеки вроде clsx / classnames.

На собеседовании

Короткий ответ: reserved word + соответствие DOM-свойству className. Покажите, что понимаете маппинг в реальный HTML-атрибут class после рендера. Упомяните соседний кейс htmlFor — это усиливает ответ.

Дополнительно

Стоит уметь объяснить тему на примере из проекта: какой API выберете, какие риски и как отладите. На собеседовании ценят структуру ответа и связи с соседними темами React (рендер, props, состояние, эффекты).