使用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代码时，它会说它无法识别单词wait。在网上，它说我只能在异步函数中使用await关键字。当我去掉await关键字时，查询函数中的promise不会得到解决，所以它在数据之前先返回promise。

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

Answer 1

await只能在async上下文中与一起使用，因此理想情况下您必须执行以下

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