在 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
}