在 Javascript 中使用 Amplify Graphql 客户端查询数据

Question

在 API(GraphQL) - 此处的入门文档中，它说使用以下内容查询您的数据：

import { API } from 'aws-amplify';
import * as queries from './graphql/queries';

// Simple query
const allTodos = await API.graphql({ query: queries.listTodos });
console.log(allTodos); // result: { "data": { "listTodos": { "items": [/* ..... */] } } }

但是，当我尝试将他们的代码应用于我的 javascript 代码时，它说它无法识别单词await 。 网上说我只能在异步函数中使用await关键字。 当我取出 await 关键字时，查询函数的承诺没有得到解决，因此它在数据之前首先返回承诺。

我之前尝试过设置一个异步函数，并发布了一篇关于它的stackoverflow 帖子。 解决方案有点混乱，对我来说不太管用。 所以，我想知道使用 Graphql 查询数据的最佳方法是什么？ 我该如何实现呢？

Answer 1

await只能在async上下文中使用，所以理想情况下你需要做的是以下

const allTodos = async () => {
   const todos = await API.graphql({ query: queries.listTodos }); 
   return todos
}