【问题标题】:In Material-UI v5, should I prefer the css prop over the sx prop or vice versa?在 Material-UI v5 中,我应该更喜欢 css 道具而不是 sx 道具,反之亦然?
【发布时间】:2021-08-14 03:40:37
【问题描述】:

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

【问题讨论】:

    标签: reactjs material-ui emotion


    【解决方案1】:

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

    我觉得主要区别如下:

    1. css 属性让您可以编写看起来像经典 css 的东西,就像您在实际的 CSS、Less/Sass 或 styled-components 中所做的那样

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

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

    【讨论】:

      猜你喜欢
      • 2015-09-10
      • 1970-01-01
      • 1970-01-01
      • 2017-10-21
      • 2022-11-04
      • 2010-12-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多