reactjs - 样式化组件如何影响性能？

Question

使用样式组件会比样式表放慢Web应用程序的速度吗？

如果我在乎性能，而没有任何依赖于 Prop 的样式，我是否应该抛弃样式化组件而改用样式表？

Answer 1

运行时CSS-in-JS库总会有一些开销，因为它最终会做更多的工作。但是，对于这些开销，您还将获得很多灵活性和强大功能。

在每个发行版中，我们都改进了库的性能，以至于很难发现差异(尤其是在服务器端渲染时)。

选择哪种实现方式对您的项目最有意义完全取决于您。如果您所有的样式实际上都是静态的，那么纯CSS方法无疑将是性能最高的。但是，这在管理样式表，编写有效的选择器等方面有其自身的警告。