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