在 React 应用程序中使用 Scss 的随机字符串类名是什么意思?

what does the random string classname using Scss in React app means?

在 React 中使用普通 css ClassName 和在 React 中使用 node-sass 有什么区别? 哪个更好,scss ClassName 如何在 app_contentHeader__xFQea 之类的浏览器中生成随机字符串,它到底是什么意思,为什么它会生成一个我什至没有定义的随机字符串?

SCSS 可以被认为是 CSS 的超集,因为它提供了许多实用函数和语法来减少代码长度,比如

  1. & - 参考符号
  2. 部分和@import 指令
  3. 插值等等

但是最终这个scss会被编译成正常的css,浏览器可以理解。

关于你的下一个问题 app_contentHeader__xFQea。

这是每个组件css附加的哈希码,用于样式封装。这样样式 .card 就不会干扰来自另一个组件的 .card 。此功能不依赖于 css 或 scss 即,无论您使用什么,它都会起作用。

如果您使用过 angular,您还可以找到相同样式的封装,但带有类似 _ngcontent 的内容。