在iframe中使用Material UI组件

Question

我一直在尝试让Material UI组件在iframe中运行。 Material UI为此目的提供了一个DemoFrame组件（https://github.com/mui-org/material-ui/blob/master/docs/src/modules/components/DemoFrame.js），但是样式无法正确插入到iframe中。我创建了一个代码沙箱来演示这一点。我在这里想念东西吗？

https://codesandbox.io/s/rykq8nz4j4

更新：

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

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

Answer 1

在将软件包更新到最新版本并添加以下行以安装材料ui样式后，它才能正常工作。

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

演示：https://codesandbox.io/s/rykq8nz4j4