Material-UI v5 样式方案

Material-UI v5 样式方案

临时修改

• sx属性 将样式对象注入到组件根元素，可以添加组件内部的样式选择器进行样式覆盖，sx属性可以访问theme值和支持样式缩写。Box组件是对sx属性使用的封装，可以作为div的替换进行主题变量的快速访问。

  示例

• className进行样式覆盖，但是推荐使用makeStyleshook函数进行创建useStyleshook，其中可以访问theme等变量

• 对material-UI内置组件可以通过classes属性指定覆盖特定的样式

自定义组件

• createStyles创建初始样式，并通过withStyles(组件)包装组件以获取通过classes属性指定修改样式的能力

  示例

• 获取sx自定义属性的能力