javascript - Typescript:如何在返回 Promise 响应的方法内构建 fetch API 调用

Question

也许这是一个微不足道的问题，但我对 Typescript 和 fetch API 很陌生。在导出的类中，我有一个公共(public)方法remoteFetchSomething，例如:

export class className {
  remoteFetchSomething = (url : string) : Promise<Response> => {
    return fetch(url)
      .then(
        (r) => r.json()
      )
      .catch((e) => {
        console.log("API errore fetching " + objectType);
      });
  }
}

export const classInstance = new className();

该方法查询远程 JSON API 服务，在代码中，我使用它的方式如下:

import { classInstance } from ...

classInstance.remoteFetchSomething('https://example.url')
  .then((json) => {
    console.log(json);
  }
)

console.log 实际上显示了结果，但 remoteFetchSomething 返回了 Promise，我无法解析和访问 JSON对象值。

我想在执行剩余代码之前等待响应，但是如何从 Promise 中解开内容？我应该再次放置另一个 .then 吗？我缺少什么？

谢谢。

Answer 1

现在我解决了定义 remoteFetch 返回类型的问题如any :

remoteFetchSomething = (url : string) : any => {
return fetch(url)
  .then(
    (r) => r.json()
  )
  .catch((e) => {
    console.log("API errore fetching " + objectType);
  });
}

现在我可以访问 JSON 值，例如 data如下:

classInstance.remoteFetchSomething('https://example.url').then(
  (json) => {
    console.dump(json.data);
  }
)

[真诚地仍然不清楚为什么我不能'使用 Promise<Response>类型]