css-modules - CSS 模块和带有标签的多个类名

Question

当我遇到这个时我该怎么办？

<div className="ui row myClass">

如果 myClass 是唯一的类，我将导入相关的样式表并执行以下操作：

<div className={styles.myClass}>

这种语法不起作用（不足为奇），我不知道该怎么做：

<div className="ui row" {styles.myClass}>

我应该把它归结为一个没有标签选择器的类吗？

Answer 1

我可能误解了你，但如果我没听错的话，我会做的只是使用模板文字，如下所示：

<div className={`ui row ${styles.myClass}`}>

考虑到，归根结底，React 组件只是 JS。这就是他们的美丽。请记住：现在任何 JS 表达式，如 props 等，都必须带有 $ 符号（介于${}而不是 just之间{}）。