javascript - 需要等待回调内的函数

Question

我正在使用 Auth0 在我的 React 应用程序中执行身份验证。

在 Auth0 在获取信息后执行默认重新路由时，我需要解析它返回的哈希，然后使用一些返回的哈希将身份验证 token 保存到存储中以供稍后执行其他任务。然而，这个处理 authToken 存储的函数发生在 parseHash(auth0 函数)的回调中。

如何等待handleLogin()(回调中调用的函数)完成后再继续其他任务？我无法使 parseHash() 异步，因为我没有真正访问它。

根.tsx

`if (this.props.location.hash) {
      this.props.authClient.parseHash(
        { hash: this.props.location.hash },
        (err, authResult) => handleLogin(err, authResult, this.props.dispatch)
      );
    }
  }`

handleLogin.ts

`export const handleLogin = (
  err: Auth0ParseHashError | null,
  authResult: Auth0DecodedHash | null,
  dispatch: Dispatch
) => {
  if (authResult) {
    const userId = authResult.idTokenPayload.sub;
    dispatch(
      setAuthToken({
        token: {
          accessToken: authResult.idToken,
          userId
        }
      })
    );
  }
};`

这是由 Auth0 提供的有关 parseHash() 的信息

`parseHash(
    options: ParseHashOptions,
    callback: Auth0Callback<Auth0DecodedHash | null, Auth0ParseHashError>
  ): void;`

  `Decodes the id_token and verifies  the nonce.
  @param callback: function(err, {payload, transaction})`

Answer 1

如果您使用redux thunk那么调度将返回一个 promise 。例如，您应该能够使用 .then

handleLogin(err, authResult, this.props.dispatch).then(() => {/*other task code here*/})

您还需要从 handleLogin 函数返回调度