【问题标题】:Component getting css properties from another scss file with the same name组件从另一个同名的 scss 文件中获取 css 属性
【发布时间】: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


【解决方案1】:

抱歉,原来 className 嵌套在另一个类中,这就是显示另一个 sass 文件中的 css 属性的原因。正如你提到的@Umair,它为什么会这样是有道理的。

【讨论】:

    猜你喜欢
    • 2020-12-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-05-21
    • 1970-01-01
    • 2016-12-07
    • 1970-01-01
    相关资源
    最近更新 更多