Средство выбора людей из набора инструментов Microsoft graph API не работает

Question

Я использую проверку подлинности msal, как в этом примере microsoft-authentication-library-for- js на странице входа. Как только вы вошли в систему, я перенаправляюсь на страницу, где у меня есть компонент выбора людей. Код этого компонента выглядит примерно так, как показано ниже. Мой клиентский интерфейс - React. Я использую 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>
      )

}

Когда я начинаю печатать, средство выбора людей не получает список людей из нашей организации AD. Я проверил вкладку «Сеть» в консоли, при вводе этого ввода нет сетевых вызовов. Это не вызывает ошибку, поэтому я предполагаю, что поставщик работает, но это может быть проблема с подключением сеанса или токена к средству выбора людей, хотя я не совсем уверен, как мне это сделать.

Я просмотрел документы microsoft, проблемы с github и c. но это тоже не помогло

Answer 1

Подобно ответу здесь: { ссылка }

Из-за того, как реагирует на пользовательские элементы, на них нужно ссылаться по-другому. В качестве альтернативы вы можете использовать нашу оболочку здесь:

https://github.com/nmetulev/mgt-react

, что позволит вам ссылаться на компонент следующим образом:

import { PeoplePicker } from 'mgt-react';
<PeoplePicker ></PeoplePicker >

быстрое примечание: имена компонентов React указаны в PascalCase и не включают префикс Mgt

Еще одно примечание: mgt-react находится в предварительном просмотре и не полностью Протестировано или задокументировано. Проверьте это и следите за V1 в будущем: https://github.com/nmetulev/mgt-react