第三方组件未获取 Material UI 主题答案

【问题标题】：Material UI theme not being picked up by third party component第三方组件未获取 Material UI 主题
【发布时间】：2019-06-21 14:27:14
【问题描述】：

我在这里一直在研究这个 Material UI 富文本编辑器

我正在尝试遵循 React 和 Material-UI 的最佳实践，以便任何人都可以在他们的项目中拾取和删除它，并且它只适用于 Material

我遇到了一个问题，在运行我的构建脚本并尝试将编辑器实际导入项目后，我没有将任何主题传递到编辑器中的组件中，因此没有调色板颜色或字体系列我认为他们会在编辑器中出现

当实际克隆 repo 并运行 start 脚本时，当从 src 组件中拉出 Editor 但像正常用例一样从 lib 目录中拉入它时，玩演示会与主题一起工作不适用于主题。

这里有一个代码框来说明这一点，我已将主题设置为具有石灰绿色的文本颜色，而编辑器根本不会呈现这种颜色。但是如果你克隆并运行实际的 repo，编辑器会使用石灰色

我会喜欢这方面的一些方向。我是否做错了什么或遗漏了材料所期望的东西？我的构建脚本是否设置错误？

【问题讨论】：

【解决方案1】：

主题传播依赖于单例来工作。我会鼓励使用 @material-ui/styles 作为对等依赖项。现在，您似乎发布了它：https://unpkg.com/material-ui-rte@1.1.3/lib/index.js。你应该改变它。

【讨论】：

@material-ui/styles 在package.json 中被标记为对等依赖项。我并没有完全遵循这里的逻辑。我已将默认导出包装在来自@material-ui/styles 的StyleProidver 中，我需要更改此设置以使其成为您提到的singleton 吗？
在这里遇到同样的问题，有什么解决办法吗？