reactjs - 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