在react js 中使用样式的方法太多了，这让我感到困惑。 例如：
- 普通云服务器
- CSS 中的 CSS
- 样式化组件
- Sass & SCSS
以上方法会影响网站加载速度吗？ 这些方法有什么区别？
尽可能尝试使用 SCSS。它有助于组织您的样式，并将以任何方式处理为 css。所以实际上没有可提及的缺点。
对于简单的样式，我会推荐普通的css类(在.scss文件中(。
对于复杂的动画或样式逻辑，使用 javascript 与现有的动画库(如帧器运动(结合使用。这样，您就可以更好地控制正在发生的事情，也有更多的可能性使您的网站脱颖而出和独特。
性能都是一样的，当你运行时，它们都被翻译成普通的CSS：npm run build。
CSS有它的好处，因为设计器友好，但你可能会因为不小心制作 2 个同名的类(这是当你将 CSS 拆分成许多文件时(而遇到一些问题，如果发生这种情况，将使调试成为一场噩梦(我自己去过(。
Sass 与 css 有相同的问题，但它是一种更酷的 css :)
样式化组件，js 中的 CSS，可能更适合基于react 组件的世界，因为对于您样式的每个"类"，都会生成 UNIQE className + 它通过让 props/state 修改类的样式来为您提供更多功能，而不是像其他人那样，对于背景颜色更改，您将需要 2 个类。
有很多方法可以做到这一点，最好的比较文章在我开始时对我很有帮助，在这里：https://www.sitepoint.com/react-components-styling-options/