我正在使用 ReactJS 和MaterialUI编写单页应用程序。我的一些组件与 MaterialUI 文档不匹配。我发现这些组件的样式正在由另一个使用相同 MaterialUI 库的 NodeJS 模块 (@craftercms/studio-ui) 更新。
ReactJS 或 MaterialUI 中有没有办法不从特定的 NodeJS 模块加载样式?
我知道一种方法是简单地覆盖我的主题中的样式,但维护它不会很有趣。
我正在使用 ReactJS 和MaterialUI编写单页应用程序。我的一些组件与 MaterialUI 文档不匹配。我发现这些组件的样式正在由另一个使用相同 MaterialUI 库的 NodeJS 模块 (@craftercms/studio-ui) 更新。
ReactJS 或 MaterialUI 中有没有办法不从特定的 NodeJS 模块加载样式?
我知道一种方法是简单地覆盖我的主题中的样式,但维护它不会很有趣。
您需要创建自己的主题并在您的应用程序周围添加一个 MUI 的 ThemeProvider(来自 @material-ui/styles)组件。
您可能正在使用我们的 CrafterCMSNextBridge 组件。该组件有它自己的主题提供者,因此请确保您的主题提供者在里面,这样一个就是流行的。
像这样的……</p>
<CrafterCMSNextBridge>
<ThemeProvider theme={yourCustomTheme}>
<App />
</ThemeProvider>
</CrafterCMSNextBridge>
值得注意的是,在我们包的即将发布的版本中,配置主题以使用会更容易。