使用内联样式对象with react vs使用普通的css类

Question

对于使用反应组件的内联样式对象和通过className属性使用普通的css类之间的区别是什么，即使我想在某个事件上更改某些样式我只能更改className，所以最好的方法是什么和为什么？

干杯

Answer 1

这真的是一个偏好问题。使用内联样式为您提供更多的组件化样式 - 这意味着您无需担心CSS的问题会覆盖您对该特定组件的所需内容。但是，当您这样做时，您无法获得CSS的好处，并且使用样式表来设置组件的样式变得更加困难。

做有意义的事。

Answer 2

我会选择外部CSS课程。如果您不使用它，使用将无法重用常见样式。此外，一旦完成项目，最终您的代码将更大（更多字符 - 更大）。

  

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

这取自一个伟大的article，我认为这会让你明白。