时间戳

首页 > 解决方案 > ReactJS 中某些 NodeJS 模块的闪避主题

reactjs - ReactJS 中某些 NodeJS 模块的闪避主题

问题描述

我正在使用 ReactJS 和MaterialUI编写单页应用程序。我的一些组件与 MaterialUI 文档不匹配。我发现这些组件的样式正在由另一个使用相同 MaterialUI 库的 NodeJS 模块 (@craftercms/studio-ui) 更新。

ReactJS 或 MaterialUI 中有没有办法不从特定的 NodeJS 模块加载样式？

我知道一种方法是简单地覆盖我的主题中的样式，但维护它不会很有趣。

标签： reactjsmaterial-uicrafter-cms

解决方案

您需要创建自己的主题并在您的应用程序周围添加一个 MUI 的 ThemeProvider（来自 @material-ui/styles）组件。

您可能正在使用我们的 CrafterCMSNextBridge 组件。该组件有它自己的主题提供者，因此请确保您的主题提供者在里面，这样一个就是流行的。

像这样的……</p> 

<CrafterCMSNextBridge>
  <ThemeProvider theme={yourCustomTheme}>
    <App />
  </ThemeProvider>
</CrafterCMSNextBridge>

值得注意的是，在我们包的即将发布的版本中，配置主题以使用会更容易。

推荐阅读