components - 使用 Fluent UI Northstar 嵌入网页

Question

我正在尝试使用 Fluent UI Northstar 中的 Embed 组件来嵌入 SharePoint 网页：

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

页面没有加载，我在页面中看到的只是一个播放图标：

我错过了什么？

该组件在同一个 SharePoint 网站中使用，因此用户已通过身份验证。

Answer 1

我让它工作。我必须为 Embed 组件指定宽度和高度，并使用active道具自动加载 iframe 而无需按“播放”。