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

标签 css reactjs module styles classname

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

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

最佳答案

你可以像这样使用它

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

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

您也可以有条件地使用它

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

关于css - 如何在 React 上同时使用 css 模块和全局样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/73333423/

相关文章:

reactjs - 使用 Material UI 列出项目链接

javascript - 从 cmd 停止 npm

html - 右浮动不起作用

javascript - 如何将背景图像应用到某些HTML按钮,并使图像从上次停止的地方继续播放?

javascript - React navigation didfocus 事件监听器在类组件和功能组件之间的工作方式不同

perl - 为什么即使在安装模块后,我仍会收到 "Can' t 定位模块的可加载对象?

Android 应用程序包 : there was a problem while parsing the package (dynamic feature module only)

python-3.x - 导入整个文件夹的python文件

html - 正文莫名比设置为100%的内容宽

html - 在 iOS 7 或 8 的网页 View 中使用不同的样式表