reactjs React JS，MUI不同类型的样式[已关闭]

r1wp621o 于 2023-10-17 发布在 React

关注(0)|答案(1)|浏览(94)

已关闭，此问题需要更focused。它目前不接受回答。
**想改善这个问题吗？**更新问题，使其只关注editing this post的一个问题。

18小时前关闭
Improve this question
MUI为我们提供的所有这些样式方法之间的区别是什么？例如你可以使用useTheme样式化，你可以使用样式化组件，makeStyles和其他样式化方法？有人能提供所有差异的详细解释，每个用例以及何时使用它们吗？

1条答案

查看this response以了解类似的问题，以了解Material UI v5中所有不同的样式和主题选项：

1.在单个组成部分一级

对于不会重用的组件的一次性定制，请使用the sx prop
2.复用组件级
如果您计划重用某些自定义样式覆盖，请使用the styled() utility应用它们
3.在主题一级
对于将在整个UI中重复的样式，您可以通过overriding default component styles在组件级别自定义主题，或者通过定义所有组件都要使用的自定义主题变量在主题级别自定义主题
4.在基线/全球一级
如果需要在主题级别之上或之外应用样式覆盖（例如基线样式首选项的CSS重置），可以使用<GlobalStyles />组件

希望这对你有帮助！正如您将从所描述的用例中看到的那样，实际上没有“首选”的自定义方式-库提供了几个选项，每个选项都适合不同的情况，并且您可能会发现在构建UI时需要使用它们的某种组合。