javascript - 在 React 中使用内联样式对象与使用普通 css 类

Question

对 React 组件使用内联样式对象和通过 className 属性使用普通 css 类有什么区别，即使我想在某个事件上更改某些样式，我也可以只更改 className ，所以最好的方法是什么与以及为什么？

干杯

Answer 1

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

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

这取自伟大的article我认为这会让你明白事情的真相。