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

Question

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

Answer 1

我在这里阅读了有关新 MUI 样式系统的页面： https: //next.material-ui.com/system/basics/

我觉得主要区别如下：

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

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

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