reactjs - 在 Material-UI v5 中，我应该更喜欢 css Prop 而不是 sx Prop ，反之亦然？

Question

我相信这两个 Prop 都在幕后使用了情感，而且它们似乎做了很多相同的事情。我一直在使用 css 属性，因为我更喜欢模板标签和真正的 css 与 css 属性的 javascript 样式名称。考虑到它们在功能方面基本上是可互换的，是否有任何理由更喜欢另一种？

Answer 1

我在这里阅读了有关新 MUI 样式系统的页面:https://next.material-ui.com/system/basics/
我觉得主要区别如下:

css prop 可以让你编写看起来像经典 css 的东西，就像你在实际的 CSS、Less/Sass 或 styled-components 中所做的那样

sx prop 可以访问“系统”，这是一组实用程序，可通过快捷方式快速访问 Prop 以及主题属性，这些属性在 v5 之前已经存在，但现在更容易使用......经过一些学习曲线......

上面的文档页面给出了很多例子。