使用内联样式对象与反应 vs 使用普通 css 类

using inline style object with react vs using normal css classes

对 React 组件使用内联样式对象与使用普通 css class through className 属性有什么区别,即使我想更改某些样式事件我可以只更改 className,那么最好的方法是什么?为什么?

干杯

这真的完全是一个偏好问题。使用内联样式可以为您提供更多的组件化样式——这意味着您不必担心 CSS 的陷阱会覆盖您想要的特定组件。但是,当您这样做时,您无法获得 CSS 的好处,并且使用样式表来设置组件样式变得更加困难。

做有意义的事。

我会选择外部 CSS 类。如果您不会使用它,则 use 将无法重用常用样式。此外,一旦你完成项目,你的代码最终会更大(更多字符 - 更多大小)。

Inline styles take more size in the DOM, are converted more slowly from VDOM (have probably a bigger impact on memory), and take more time to be handled by the browser.

本文摘自一篇很棒的文章 article,我认为它会让您明白。