问题标签 [microsoft-graph-toolkit]

我正在使用 Microsoft Graph Toolkit 显示来自 SharePoint SPFX webpart 的用户信息。

具体来说，我使用mgt-personandmgt-person-card组件。

不幸的是，页面中有一些原生组件定义了一个z-index:2css 规则（页面标题）。

这会导致奇怪的渲染：

红色是mgt-person组件，绿色是mgt-person-card组件，蓝色是原生页面标题。

如您所见，mgt 弹出按钮位于页面标题后面。这是由于应用于页面标题的 z-index 规则。

如何解决？

复制（不是 SPFX）：https ://jsfiddle.net/stevebeauge/5Lg7c63n/

我尝试覆盖z-index我的 webpart CSS 中的规则，但这不起作用。

我什至无法找到应用更高 z-index 的 DOM 元素（可能是由于 Web 组件及其影子 DOM 的混乱）。

SPFX 项目是使用@microsof/sharepointyeoman 生成器生成的。我在我的 webpart 中引用了最新的 MGT npm 包：

包.json：

我一直在我的 React + Typescript 中实现 MGT 工具包。这一切都运作良好，但我试图在卡片的模板中添加一个按钮。但是 onClick 似乎不起作用，我假设这与它是模板的事实有关。

我看到可能存在问题，因为它是一个可能会被复制的模板，但我认为下面的工作会很好。但无论我得到什么，我都无法从

我正在尝试mgt-people-picker在我的 SPFx Webpart 中使用 React 框架，但无法使selected-people属性工作。我尝试将一组图形用户对象传递给它，但没有运气。

当我尝试使用

它抛出了一个错误说"Property 'selectUsersById' does not exist on type 'Element'"

文档非常有限且不清楚，我找不到太多参考资料。谁能告诉我如何使用它？

我有一个 React 组件，它具有两者mgt-people并mgt-people-picker从其父组件获取道具。这个想法是通过从 中mgt-people选择人员来更新mgt-people-picker，但它不起作用。它确实更新了<div>{props.users}</div>，所以我认为这可能是一个 mgt 组件问题？我也尝试users在子组件中创建本地状态，但它也不起作用。

我的简化代码如下。所有users变量的类型为string[]

家长：

孩子：

我正在构建从 SharePoint 列表中提取用户的 SPFx 解决方案。我想显示用户详细信息以及类似于个人卡的电子邮件、电话号码、呼叫图标。

由于 Microsoft 图形工具包已经有一个组件名称人员卡，我想通过将用户的电子邮件参数传递给组件来使用。但是当我看到文档和 jsfiddler 示例时。两者都基于悬停显示显示人员卡片。但我想直接显示它而不是悬停或单击。

如果我错过了docs中的任何内容，请指出正确的方向。

每个人，

尝试通过安装 MS Graph 工具包的包时

npm install @microsoft/mgt

我收到一个错误，找不到 typescript-typings 包：

我通过 nodist 尝试了几个节点版本。并且还开始了一个具有相同结果的新项目。我使用 Windows 10 (1903)。

感谢您的帮助。

我一直在使用 mgt-person 组件中的 css 变量取得了巨大的成功

但是在 mgt-person-card 中 font-size 属性似乎没有任何影响？这里的文档：https ://docs.microsoft.com/en-us/graph/toolkit/components/person-card似乎表明这应该有效？还是我错过了什么？

我正在用 React 开发一个应用程序，我正在使用 MSAL 进行应用程序登录，一旦用户通过身份验证，我想使用一个人的卡组件，但我无法让它工作。我告诉你我已经实施了什么，以防我忘记了一些步骤。我在组件本身中添加了以下标签：

我在 MSal 上使用该客户端对用户进行身份验证。我也尝试在构建器本身中定义它：

Providers.globalProvider = new MsalProvider({clientId:process.env.REACT_APP_MSALCLIENTID});

现在，如果我将登录标签放在卡片组件上并单击它，它就可以完美运行。

是否可以将我的应用程序的相同 msal 与图形工具包 msal 提供程序一起使用？

我已mgt-person在我的 Teams 应用程序中实现，当我单击按钮与用户聊天时遇到问题。

该应用程序已正确打开，但会出现一个弹出窗口，通知我该用户不存在，即使我使用正确的帐户也是如此。

而且我无法关闭这个弹出窗口，所以我完全卡在了应用程序中。

步骤1：

第2步：

第3步（我被困在这里）：

先感谢您 ！

在“通过 NPM 使用（es6 模块） ”部分下的文档中，您展示了一些关于如何通过脚本标签使用库的片段。这需要像 webpack 这样的打包工具吗？

您能否提供一个完整的示例（通过 zip 文件、jsfiddle 或代码框）？

我对单个组件的导入特别感兴趣。

谢谢！