在 ReactJS 中躲避某些 NodeJS 模块的主题

Question

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

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

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

Answer 1

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

您可能正在使用我们的 CrafterCMSNextBridge 组件。该组件有自己的主题提供程序，因此请确保您的 ThemeProvider 在里面，以便一个是流行的。

像这样……

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

值得注意的是，在即将推出的软件包版本中，配置要使用的主题会更加容易。

Dodge theme from certain NodeJS modules in ReactJS