Как использовать файлы с расширением .module.css в React?

Файлы с расширением .module.css используются в React для модульной организации стилей. Когда вы импортируете такой файл в компонент, стили из него автоматически применяются только к этому компоненту, избегая конфликтов имен классов.

Чтобы добавить несколько классов к одному HTML элементу в стиле .module, вы можете воспользоваться возможностями CSS-модулей. Например, для задания нескольких классов в React компоненте можно использовать синтаксис className={`${styles.class1} ${styles.class2}`}.

Если вам нужно добавить дополнительные классы помимо основного класса к одному HTML элементу, также можно воспользоваться тем же синтаксисом. Например, className={`${styles.mainClass} additionalClass1 additionalClass2`}.

Таким образом, вы можете легко организовать стили в файлах .module.css и добавить несколько классов к одному HTML элементу в React.

как сделать так что бы в одном html элементе был 2 класса например обычно className={isActive ? "page : ""page active"} можно добавить дополнительный класс а как сделать на .module ?
 
 
import styles from 'Button.module.css';
import cx from 'classnames';

<button className={cx(styles.button, styles.disabled)}>Button</button>
 
 Гугл пробовали? Первые 2 строки Using CSS Modules in React , Css Modules by Example .