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

Question

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

干杯

Answer 1

我会去外部 CSS 课程。如果您不会使用它，则使用将无法重用通用样式。另外，一旦完成项目，最终您的代码将会更大（更多字符 - 更大尺寸）。

内联样式在 DOM 中占用更大的大小，从 VDOM 转换的速度更慢（可能对内存有更大的影响），并且需要更多的时间由浏览器处理。

这是摘自一篇很棒的文章，我认为这篇文章会让您明白一些事情。