我如何在 CSS 模块中添加多个和动态 类 反应
How can i add more than one and dynamic classes in CSS modules react
我正在使用CSS Modules
import style from "./styles/question.module.css";
// status[0] could be 0,1,2,3,4
<p className={style[`difficulty_${status[0]}`]}>{difficulty}</p>,
以上代码有效，但以下代码无效。
// tried to add more class
<p className={`${style.difficulty} ${style[`difficulty_${status[0]}`]}}`}>{difficulty}</p>
只有 difficulty class 正在应用。
您可以通过使用 more than 选项来做到这一点：
我更喜欢使用 classnames 库来很好地处理 classes 条件，只需要导入库并开始使用它..例如
您可以使用连接来构建所有需要的东西class
您可以在 className 之外构建所有需要的 class 并将其传递给 className，这样可以很容易地检查错误在哪里您也可以轻松控制这些值..
我正在使用CSS Modules
import style from "./styles/question.module.css";
// status[0] could be 0,1,2,3,4
<p className={style[`difficulty_${status[0]}`]}>{difficulty}</p>,
以上代码有效，但以下代码无效。
// tried to add more class
<p className={`${style.difficulty} ${style[`difficulty_${status[0]}`]}}`}>{difficulty}</p>
只有 difficulty class 正在应用。
您可以通过使用 more than 选项来做到这一点：
我更喜欢使用 classnames 库来很好地处理 classes 条件，只需要导入库并开始使用它..例如
您可以使用连接来构建所有需要的东西class
您可以在 className 之外构建所有需要的 class 并将其传递给 className，这样可以很容易地检查错误在哪里您也可以轻松控制这些值..