Использование компонентов пользовательского интерфейса материалов в Iframe - PullRequest
Новая
       8

Использование компонентов пользовательского интерфейса материалов в Iframe

0 голосов
/ 26 января 2019

Я пытался заставить компоненты 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. Если я посмотрю на источник, то увижу, что стили введены правильно.

enter image description here

Но в моей демонстрации стили не вставляются в iframe.

enter image description here

1 Ответ

0 голосов
/ 07 февраля 2019

Работает после обновления пакетов до последних версий и добавления следующих строк для установки стилей пользовательского интерфейса. 

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

Демо: https://codesandbox.io/s/rykq8nz4j4

...