Material ui 中的 withStyle 和 withTheme 有什么区别?

Lus*_* Li 3 material-ui

我是网络开发的新手,我正在尝试使用 material-ui。我看到一些演示代码使用 withStyle,其他一些使用 withTheme。它们之间有什么区别吗?非常感谢!

Mar*_*Mao 6

我认为接受的答案没有得到很好的解释,更清楚:

1)创建css样式时withStyles也提供theme对象;创建函数的签名是这样的:

const styles = theme => ({
  root: {
    maxWidth: 600,
  },
  tabs: {
    borderTopWidth: 1,
    borderTopStyle: 'solid',
    borderColor: theme.palette.divider,
    width: '100%',
  },
});
Run Code Online (Sandbox Code Playgroud)

正如人们所见theme,它里面的所有东西theme.palette都可以访问。官方文档和示例随处可见,所以我只是随机选择了这个。(按此按钮显示源代码:“< >”)

2) 的目的withTheme是注入themeprops,所以它也可以在组件函数内部访问,比如render,有时它很有用。官方文档在这里