每个 React 本机的 API 提取 - 与浏览器相比，终端日志不同

Question

我正在努力解决一个请求。我只想使用这个网站获取一个猫图片 URL：https://thecatapi.com/。

如果我使用浏览器获取数据，我会得到正确的 JavaScript 对象和我需要的 URL， 但是如果我用我的代码尝试它，我会得到一个我无法理解/使用的承诺。请参阅下面的代码和控制台日志：

const myHeaders = new Headers({
'x-api-key': "MYREQUESTED-APIKEY"
});
const myRequest = new Request('https://api.thecatapi.com/v1/images/search?size=full', {
method: 'GET',
headers: myHeaders
});
let catObj = fetch(myRequest)
.then((response) => response.json())
console.log(catObj)
//Console Log:
Promise {
"_40": 0,
"_55": null,
"_65": 0,
"_72": null,
}

我是编程新手，现在已经挣扎了一段时间。

Answer 1

等待你的承诺

let catObj =await fetch(myRequest);

有关更多信息，请阅读 async/await