如何在繼續之前等待graphQL中的查詢完成？

Question

我在下面有一個代碼，我想在繼續執行其余代碼之前完成doSomethingFirst() ：

async doSomething() {
    const response = await doSomethingFirst(); // get the response from this first

    if(response) {
        // rest of the code
    }

}

async doSomethingFirst {
    const response = await client
        .query({
            query,
            fetchPolicy: "network-only",
            variables: {
                someVariable: value
            }
        })
        .then(response => {
            console.log(response);
        })
        .catch(err => {
            // error
        });
    return await response;    
}

但是， doSomething()的響應返回為undefined 。 這種結構有什么問題？

Answer 1

您應該返回響應。 無論如何，你可以做這樣的事情：

doSomethingFirst() {
  return client
    .query({
      query,
      fetchPolicy: "network-only",
      variables: {
        someVariable: value
      }
    })
}

async doSomething() {
  try {
    const response = await doSomethingFirst();
    if (response) {
      // rest of the code
    }
  }
  catch (err) {
    console.log(err)
  }
}   

您可能想知道的一些事情：

1. 在doSomethingFirst您正在使用await並鏈接.then您不必這樣做，因為它們是相同的。
2. 我做了doSomethingFirst非異步函數，因為自從doSomething是一個異步功能，您可以只返回自許doSomethingFirst並等待里面的響應doSomething也是錯誤處理可以在try-catch塊來完成，像我一樣。

Answer 2

試試這個，通常對我有用，如果不是，也許問題出在其他地方，它沒有返回和實際數據？

async doSomethingFirst {
const response = await client
    .query({
        query,
        fetchPolicy: "network-only",
        variables: {
            someVariable: value
        }
    })
    .then(response => { return response.json();})
    .then(responseData => {console.log(responseData); return responseData;})
    .catch(err => {
        // error
    }); 

}