时间戳

首页 > 解决方案 > Microsoft Teams React App 防止从 SharePoint Online 覆盖样式

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

问题描述

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

问题是应用程序正在使用租户的 SharePoint Online 自定义设计。如何防止这种行为？

干杯和感谢

标签： reactjssharepointmicrosoft-teamsfluentui-react

解决方案

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

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

  }
  else
  {
    // We are in SharePoint context

  }

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

推荐阅读