Использование компонентов Material UI внутри Iframe
Я пытался заставить компоненты Material UI работать внутри Iframe. Пользовательский интерфейс материалов предоставил для этой цели компонент 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.
Ответы 1
Он заработал после обновления пакетов до последних версий и добавления следующих строк для установки стилей пользовательского интерфейса материала.
import { install } from "@material-ui/styles";
install();
Демо: https://codesandbox.io/s/rykq8nz4j4
"install(...) не является функцией" Любые идеи :?
Метод @KristiyanTsvetanov install доступен в материале UI v3.
На самом деле у меня точно такая же проблема, я скопировал компонент
DemoFrame, который у них есть, и мой вывод выглядит точно так же, как ваш. я тоже не могу понять это