如何将我的material-ui主题暴露给类似于material-ui站点的控制台？

Question

我正在研究React项目，并决定使用material-ui进行样式设计，但是还必须学习如何在过程中使用它。我一直在与主题碰撞，一直在在线阅读material-ui文档和其他资源，但是仍然很难掌握它。我认为能够在Chrome检查器/开发工具中看到我的主题会很有帮助，因为material-ui已在其网站上完成，但我不知道该怎么做。如何将主题公开到控制台？

material-ui exposes a global theme variable on all the pages

Answer 1

由于您似乎尚未创建自定义主题，因此您的主题对象应与网站上的主题完全相同！

如果您真的想在控制台中看到自己的样式，请在这样的组件上声明样式时尝试控制台记录它！

const styles = theme => console.log(theme) || ({
  bold: {
    fontWeight: 'bold',
  }
});

然后在导出组件时使用

withStyles(styles)(YourComponentHere);