0

当我尝试使用 auth0 的parseHash时，我是auth0 的新手。令我惊讶的是，这个函数以某种方式返回 null。我试图偷看源代码，看来这个函数最终试图返回一些东西。

这是让我感到困惑的代码部分：

import React from 'react';
import { Link } from '@reach/router';
import './Callback.sass';

export const Callback = ({ auth, navigate }) => {
  let result = auth.parseHash((err, authResult) => {
    if (err) {
      return (
        <div className="error">
          <h1>{err.error}</h1>
          <p>{err.errorDescription}</p>
          <Link to="/">Home</Link>
        </div>
      );
    } else {
      console.log({ authResult });
      return 'profile';
      // localStorage.setItem('authResult', JSON.stringify(authResult));
      // navigate('/profile');
    }
  });
  console.log({ result });
  if (result) return result;
  return <React.Fragment />;
};

结果如下： 在此处输入图像描述

我认为这真的令人困惑。控制台记录 'authResult' 部分，但它result是undefined. （我什至用异步等待进行了测试，仍然无法得到我期望的结果）。

我目前只是包装结果来解决这个问题。

这是一个错误吗？还是我使用这种方法的方式不正确？

4

3 回答 3

2

我也是 auth0 的新手，今天遇到了同样的错误。

通过包装parseHash一个 Promise 来解决它：

/* ... */

function handleAuthentication() {
  // wrap parseHash in a Promise
  return new Promise((resolve, reject) => {
    auth0.parseHash((err, authResult) => {
      if (authResult && authResult.accessToken && authResult.idToken) {
        resolve(authResult)
      } else if (err) {
        throw new Error(`Error: ${err.error}. Check the console for further details.`);
      } else {
        throw new Error(`Unknown error`);
      }
    })
  })
}

// wait for the Promise to resolve and log the result
handleAuthentication()
  .then(function(result) {
    console.log(result);
  });

您的代码中的问题是，您希望parseHash直接返回结果，但事实并非如此（在第 22 行）。相反，它会调用您已正确注册的回调函数，因此您会在回调函数内部而不是在其外部获得预期结果。

于 2019-05-24T15:32:51.387 回答
1

您的console.log({ result });

在之前运行

let result = auth.parseHash((err, authResult) => {

所以将它包装在 Promise 中会有所帮助。

于 2019-05-24T16:43:03.373 回答
0

代码没有任何问题...实际上，对于当前示例，您应该始终从安慰中得到“什么都没有” auth.parseHash$()，事实上，这是一个返回Observable<any>.

其目的是解析 url 哈希并提取 Auth 响应，返回您传入的一些自定义参数（准确地说是哈希段）。

因此，如果您不希望返回一些您在请求授权时传入的哈希参数，auth.parseHash$()则不会返回任何内容 - 链接在这里

于 2019-12-07T12:35:33.430 回答