为什么我的函数从我的数据库返回一个承诺而不是一个对象？

Question

我有以下 2 个函数试图从我设置的快速服务器端点从 mongo 数据库中获取数据。此代码在我的 React 前端应用程序中。

export function getContacts() {
  let data = fetch('/api/contacts').then((data) => {
    return data.json();
  }).catch(err => console.log(err));

  return data;
}

以及以下调用它的人

const initialState = getContacts()
  .then((body) => {
    console.log('body: ');
    console.log(body);
    return body;
  }).catch(err => console.log(err));

当我登录body 时，这是一个承诺。我期待来自数据库的 json 文档数组。我的 getContacts() 应该返回一个承诺，然后我在 initialState 中的回调从中获取数据。

Answer 1

data.json() 调用实际上是按设计返回一个承诺。查看文档页面 here 了解原因。

您可以通过链接另一个then 调用或将您的函数声明为async 并使用await 来修复它。