CSS 个模块和多个 class 个带有标签的名称

Question

当我运行跨越这个时我该怎么办？

<div className="ui row myClass">

如果 myClass 是唯一的 class 我将导入相关样式 sheet 并执行此操作：

<div className={styles.myClass}>

此语法不起作用（不足为奇），我不确定该怎么做：

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

我是否应该将其简化为不带标签选择器的 class？

Answer 1

我可能误解了你，但如果我没听错，我会做的只是使用模板字面量，就像这样：

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

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

CSS Modules and multiple class names with tags