如何从 React 中的异步函数获取数据

Question

我正在使用 react-adal 对 Azure AD 进行身份验证。通过使用 runWithAdal 函数作为我的应用程序的包装器，它就像一个魅力。

authContext 是 AuthenticationContext 包含用于进行 OIDC 调用的 ID。当我对它们进行硬编码时，一切都像魅力一样。当然，我们不想硬编码，所以这些 ID 存储在 config.json 文件中。我有一个异步函数，可以从文件中“加载”这些 ID 并返回它们。

问题是我在调用这个加载函数时必须使用带有等待的异步函数。正如您在下面看到的，用于构建 adalConfig 组件的那些 ID。我的问题是如何在异步函数下完成所有这些工作。我尝试在异步函数中创建变量并设置这些变量的值，但是当我对函数外部的一个变量执行 console.log() 时，我得到“未定义”？？？？有没有人有什么建议？

Answer 1

我建议你先使用load().then(response => {调用加载函数 然后您使用响应来构建adalConfig 并从其中调用runWithAdal。
这是一个例子：

load().then(response => {
   const authContext = buildAuthContext(response);

   runWithAdal(authContext,() => {
     ReactDOM.render(<Router> <App /> </Router>, 
        document.getElementById("root"));
     }, DO_NOT_LOGIN);
   },DO_NOT_LOGIN);
});