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表达式，如道具等，都必须带有$符号（在${}之间，而不仅仅是{}）。