Встраивание веб-страницы с плавным пользовательским интерфейсом Northstar

#components #fluent-ui #fluentui-react

#Компоненты #fluent-пользовательский интерфейс #fluentui-реагировать

Вопрос:

Я пытаюсь использовать компонент встраивания в Fluent UI Northstar для встраивания веб-страницы SharePoint:

 <Embed
  iframe={{
    allowFullScreen: true,
    src: "https://tenant.sharepoint.com/sites/SiteName/Lists/ListName",
    frameBorder: 0,
    height: '400px',
    width: '711.11px',
  }}
/>
 

Страница не загружается, все, что я вижу на странице, — это значок воспроизведения:

введите описание изображения здесь

Чего мне не хватает?

Компонент используется на том же сайте SharePoint, поэтому пользователь уже прошел проверку подлинности.

Ответ №1:

Я заставил это работать. Мне пришлось задать компоненту встраивания ширину и высоту и использовать active prop, чтобы iframe загружался автоматически, не нажимая «play».