Microsoft Teams React App 防止从 SharePoint Online 覆盖样式

Question

我开发了一个带有一些 Fluent UI React 组件的 Microsoft Teams 应用程序。该应用程序部署在 SharePoint 应用程序目录中，并与应用程序清单一起添加到 MS Teams。在 MS Teams 中我想使用客户端的默认样式。

问题是该应用程序正在使用租户的 SharePoint Online 自定义设计。我怎样才能防止这种行为？

干杯和感谢

Answer 1

我假设您使用的是 SharePoint 框架。您需要检查应用中的上下文：

  if (this.context.sdks.microsoftTeams) {
    // We have Teams context

  }
  else
  {
    // We are in SharePoint context

  }

一旦知道自己在 Teams 中，就可以获取并使用上下文主题 context.sdks.microsoftTeams.context.theme

Microsoft Teams React App prevent style overwriting from SharePoint Online