REACT异步函数返回未定义的

Question

我有一个React Hook，可以在每个页面上调用刷新。

挂钩是这样的：

const refresh = async (refToken) => {
  try {
    if (refToken && !functionalities.isTokenExpired(refToken)) {
      const ntoken = await refreshToken().then((obj) => {
        return obj.token;
      });          
      window.localStorage.setItem("token", ntoken);
    } else {
      window.localStorage.clear();
      toast.error("O seu acesso expirou! Faça novamente o login no sistema.");

      return false;
    }
  } catch (error) {
    toast.error("Não foi possível atualizar o token do usuário");
  }
};

async function useRefreshToken() {
  const refToken = localStorage.getItem("refreshToken") || "";
  if (refToken && !functionalities.isTokenExpired(refToken)) {
    refresh(refToken).then(() => {});
    // setInterval(() => {
    //   refresh(refToken).then();
    // }, 3564000);
  }
}
// 0,99hrs 3564000 - 10min 600000 --
export default useRefreshToken;

但是，每次运行时，即使服务器都使用实际更新的令牌响应，它将设置我在localStorage中的令牌，即使服务器响应：

{"msg":"AUTHORIZATION SUCCESSFUL","token":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyVUlEIjoiZmZaTUZTTDF4UGNXdFQ5MDJkd2Z6RFB1WElEMyIsInBvc2l0aW9uIjoibWFuYWdlciIsImNvbXBhbnlJRCI6Ik14Z1ZleEhlSGZzN29ndTJaMm10IiwiaWF0IjoxNjU3MTQyMDU5LCJleHAiOjE2NTcxNDkyNTl9.l9OHl-84S5LrwF1r0fqQl2zuHhS-hrWaFj8QjrxDgQA"}

我不确定为什么我的代码不等待API响应来更新令牌。

附加信息：我每次加载它们时至少要调用刷新的页面至少3次。

如果有人能给我一些启示，我会很感激。

编辑：

RefReshToken（）是对API的呼吁：

export const refreshToken = async () => {
  const headers = getDefaultHeaders(true);
  const refToken = localStorage.getItem("refreshToken");
  const body = {
    refreshToken: refToken,
  };
  return await axios.post(`${url}/auth/refreshToken`, body, headers);
};

Answer 1

我认为，因为LocalStorage将您的令牌设置为刷新令牌返回。您可以尝试将window.localstorage.setItem（“ token”，ntoken）;置于refreshtoken（）的响应中。如果它无法正常工作。

    const ntoken = await refreshToken().then((obj) => {
        window.localStorage.setItem("token", ntoken);
        return obj.token;
      });