来自Microsoft图形API工具包的人员筛选器不起作用。
来自Microsoft图形API工具包的人员筛选器不起作用。
提问于 2020-05-29 16:11:47
我在登录页面上使用的msal身份验证与这个示例microsoft-身份验证-库对js相同。一旦您登录，我将重定向到有人员选择器组件的页面。该组件代码如下所示。我的前端客户正在反应。我使用NPM包"@microsoft/mgt": "^1.3.0-preview.2"用于人员选择器，"msal": "^1.3.0"用于登录用户。
import React, { useState, useRef } from 'react';
import '@microsoft/mgt';
const PeoplePicker = props => {
// reference to access mgt-people-picker on DOM
const peoplePicker = useRef();
return (
<div>
<mgt-msal-provider client-id={process.env.REACT_APP_DEV_AZURE_APP_CLIENT_ID} />
<mgt-people-picker ref={peoplePicker} />
</div>
)
}当我开始输入People时，Picker没有从我们的组织中获得任何人员列表，AD。我在控制台中选中了“网络”选项卡，在输入此输入时没有进行任何网络调用。这不是抛出错误，所以我假设提供者正在工作，但这可能是将会话或令牌附加到人员选择器的问题，尽管我不完全确定我将如何做到这一点。
我浏览了微软的文档，github等问题，但也没有帮助
回答 1
Stack Overflow用户
发布于 2020-05-29 17:02:38
类似于这里的答案：https://stackoverflow.com/a/62024758/13040450
由于react如何处理自定义元素，因此必须以不同的方式引用它们。或者，您可以在这里使用我们的包装器：
https://github.com/nmetulev/mgt-react
这将允许您以下列方式引用组件：
import { PeoplePicker } from 'mgt-react';
<PeoplePicker ></PeoplePicker >快速注意: React组件的名称在PascalCase中，不包括Mgt前缀
另一个注意事项: mgt-react还处于预览阶段，还没有经过全面的测试，也没有对其进行documented.Check测试，并密切关注未来的V1：https://github.com/nmetulev/mgt-react。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62090255
复制相关文章
相似问题
腾讯云开发者
