我是网络开发的新手,我正在尝试使用 material-ui。我看到一些演示代码使用 withStyle,其他一些使用 withTheme。它们之间有什么区别吗?非常感谢!
我认为接受的答案没有得到很好的解释,更清楚:
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是注入theme到props,所以它也可以在组件函数内部访问,比如render,有时它很有用。官方文档在这里。
| 归档时间: |
|
| 查看次数: |
4228 次 |
| 最近记录: |