В следующем. js, как мне применить к элементу как пользовательский класс css, так и класс bootstrap

Question

Класс css импортируется и затем применяется к элементу, как показано ниже;

import styles from "./Home.module.css";

<div className={(styles.collection, "card")}>

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

Answer 1

Используйте литерал шаблона, включая имя вашего класса Dynami c с помощью интерполяции:

import styles from "./Home.module.css";

<div className={`${styles.collection} card`}>

В качестве альтернативы используйте вспомогательный метод, например clsx:

import c from 'clsx';
import styles from "./Home.module.css";

<div className={c(styles.collection, "card")}>