【发布时间】:2021-02-23 00:40:07
【问题描述】:
我在一个文件夹中有一个名为 Books.scss 的 .scss 文件和一个相关的反应组件 Books.js。 还有另一个名为 Books.scss 的 .scss 文件,相关组件 Books.scss 是另一个文件夹。 我使用 ./Books.scss 正确导入了第一个组件中的 .scss 文件的属性,但是当我尝试在文件中更改特定 div 类名(例如“tableOfContents”)时,对组件没有影响。这个 className 也存在于另一个 .scss 文件中。 奇怪的是,当我编辑第二个 .scss 文件的 className 时,对第一个组件的更改会反映出来。
有人知道为什么会发生这种情况吗?
除了添加/删除子组件外,这两个组件都相似。代码重复很糟糕,但是没有其他方法可以加快工作速度,以后会后悔的。
【问题讨论】:
-
react 在组件结构中加载,所以它发生在 react 中它会获取所有加载的 CSS,因此尝试使类的唯一名称,它将被解析。
标签: javascript css reactjs sass