在 iframe 中使用 Material UI 组件答案

【问题标题】：Using Material UI components inside an Iframe在 iframe 中使用 Material UI 组件
【发布时间】：2019-06-19 22:29:45
【问题描述】：

我一直在尝试让 Material UI 组件在 iframe 中工作。 Material UI 已为此目的提供了一个 DemoFrame 组件 (https://github.com/mui-org/material-ui/blob/master/docs/src/modules/components/DemoFrame.js)，但样式没有正确插入到 Iframe 中。我创建了一个代码沙箱来演示这一点。我在这里遗漏了什么吗？

更新：

在 material-ui 网站的组件演示中，演示框架似乎工作正常。如果我查看源代码，我可以看到样式已正确注入。

但在我的演示中，样式并没有注入 iframe。

【问题讨论】：

【解决方案1】：

将包更新到最新版本并添加以下行以安装材料 ui 样式后，它就可以工作了。

import { install } from "@material-ui/styles";
install();

【讨论】：