在next.js中，如何将自定义css类和引导类同时应用于元素

提问者：小点点

导入css类，然后应用于元素，如下所示；

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

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

它们单独工作，但如上所示应用时，样式不会应用于元素。

共1个答案

匿名用户

使用模板文字，包括通过插值的动态类名:

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")}>