Material-UI 和 gatsby 官方示例

Question

根据官方示例，我正在使用 gatsby 和 material UI，我想知道是否必须将withRoot包装器添加到每个使用 MUI 的组件中，或者我是否可以只包装我想要使用 MUI 的最高级别的组件？

我在渲染和 IDK 如何追踪原因方面遇到问题。在开发中一切正常，但在生产中，<Grid>对齐是关闭的，并且在初始渲染时，没有应用任何样式。它们在第一次油漆后一两秒涂上。

我完全遵循了这个例子，只包装了我的全局布局组件。

Answer 1

在开始使用gatsby 2（最新测试版）和MaterialUI时，我遇到了相同的问题。

经过一番研究，我在 GitHub 上偶然发现了非常有用的评论。我在 GitHub 上的一个问题中总结了我的学习（带有提到的评论和解决方案的链接）。您可以在此处找到它们。

我希望这对你和其他人有帮助。