0

我已经从 Microsoft Graph 工具包中实现了 mgt-login 组件，它工作正常，但它没有调用我在 useEffect 中添加到 mgt-login 的事件。这里有重复的问题- 我确实关注了这个问题，但我添加的仍然不是调用事件。这是该组件的代码

import React, {
  useRef,
  useEffect,
} from 'react';


const Login = () => {
  const loginComponent = useRef(null);

  useEffect(() => {
    loginComponent.current.addEventListener('loginCompleted', () => console.log('Logged in!'));
  }, []);


  return (
    <div className="login">
      <mgt-login ref={loginComponent} />
    </div>
  );
};

这是在应用程序的主 index.jsx 文件中实例化 Provider 的方法

import { Providers, MsalProvider } from '@microsoft/mgt';

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

我不知道我错过了什么，不确定是否有关于这个组件的更新（顺便说一句，我没有在 microsoft graph docs 中发现任何变化）。

谢谢！

4

1 回答 1

1

为了更容易在 React 中使用 mgt 组件，我们创建了一个可以在此处使用的 React 包装器mgt-react。

import React, {
  useRef,
  useEffect,
} from 'react';

import {Login} from '@microsoft/mgt-react';


const Login = () => {

  return (
    <div className="login">
      <Login loginCompleted={(e) => console.log('Logged in')} />
    </div>
  );
};
于 2020-06-09T22:12:05.313 回答