Reactjs 如何将我的材质ui主题公开到类似于材质ui站点的控制台？

我正在做一个React项目，并决定使用材质ui进行造型，但我还必须学习如何在这个过程中使用它。我不断地遇到与主题的碰撞，一直在网上阅读材料ui文档和其他资源，但仍然难以掌握它。我认为能够在Chrome inspector/dev工具中看到我的主题会很有帮助，就像他们网站上的material ui一样，但我不知道如何做到这一点。如何将主题公开到控制台

---

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

如果您真的想在控制台中看到您的样式，请尝试在这样的组件上声明样式时将其记录在控制台日志中

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

然后在导出组件时使用

withStyles(styles)(YourComponentHere);

---

耶！非常感谢。我不知道该把它放在哪里，也不确定它是否能与

MuiThemeProvider

和我的

react路由器

配合使用，但它做到了！我只是把它包装在我的整个应用程序组件上

imports const styles=theme=>console.log（theme）const App=（）=>（）使用样式导出默认值（styles）（App）

我建议有选择地使用它。它被称为JSS或CSSinJS。它可以帮助您在必要时单独设置组件的样式。祝你旅途好运！谢谢你，@Nielsvandenbroeck！如果你不介意，你所说的选择性是什么意思？控制台日志还是主题日志？如果我在每个组件文件中都包含自定义样式，我会感觉到渲染负载很重，这就是为什么我认为我最好在这个主题上尽我所能。我的意思是，你可以有选择地包装你想要自定义样式的组件，而不仅仅是在你的应用程序中有一个大的样式转储，因为它在我看来很快就无法维护。但这只是我的观点！更新我实际上使用了

createMuiTheme（）

来创建我自己的主题，但无法使用您的解决方案查看它。上面提供的箭头函数向我显示材质ui的默认主题

。我想看到我的主题，在这种情况下，我需要这样做，而不是箭头函数：
constyles=theme；console.log（theme）
显示了我的主题。其余的都很好！谢谢