如何在 React 上同时使用 css 模块和全局样式

Question

我想一起使用普通的 class 和模块 class。 如果我使用两个类名，它会说“JSX 元素不能有多个同名的属性。”

import Header from "./ProductHeader.module.css";
.
.
.
<div className="col-12" className={Header.title} ></div>

Answer 1

你可以像这样使用它

<div className={`col-12 ${Header.title}`}"></div>

这样，您可以在任何属性中将字符串和变量放在一起

您也可以有条件地使用它

<div className={`col-12 ${someCondition ? Header.title : Header.subTitle}`}></div>