Javascript 我的css和sass类显示在<；风格>；标签在<；头>；当我在react.js中编写代码时

我正在制作react组件，一切都很好，直到我看到我的sass类显示在结果中

当我查看页面源代码时，一切都正常，

在根元素中包含我的代码，但是当我检查元素时，在

中有带有sass类的

标记，我的控制台也没有错误。 我可以使用

style{display:none；}

解决这个问题，但我想知道发生这个问题的原因

检查和我的结果都在这张照片里

---

当您使用

.css

或

.sass

文件（如

创建react应用程序（index.css）

附带的初始文件）设计应用程序时，会发生这种情况。如果你想设计你的应用程序，但又不想让它显示出来，那么可以创建

.js

文件并将css放入其中，例如使用

例如：

---

如果我有很多sass文件，我是否应该在.js文件中编写sass代码？？？您可以尝试其他方法，例如：。。。但正如react团队所说，“遵循这一规则通常会降低CSS预处理器的用处，因为

混合

和

嵌套

等功能被

组件组合

所取代。不过，如果您觉得CSS预处理器有价值，您可以集成它。”