reactjs - 是否可以将 MaterialUI 与 React 和 css 模块一起使用并访问 css 模块文件中的主题？

Question

我在 React 应用程序中使用 Material UI。对于通用样式，我只是简单地使用全局主题覆盖。但是根据上下文有一些特定的规则，为此我想使用 css 模块。是否可以在 css 模块中访问主题？

我在 Material UI 文档中没有找到任何相关信息。也尝试用谷歌搜索它，但是太多人在尝试用 CSS 模块覆盖 MaterialUI 规则时遇到特异性问题。

Answer 1

这是不可能的。

通过在 scss 变量中记录颜色、字体、间距等来解决它。

仍然覆盖全局主题，我们可以导入 scss 变量来访问它们。

当我们必须使用特定于组件的样式时，我们仍然可以使用 scss 模块并导入变量来访问主题。

所以我们使用 scss 变量作为唯一的真实来源。