從 React 中的 GraphQL 查詢中獲取數據

Question

如果這是顯而易見的事情，我很抱歉，我只是不明白。 我正在嘗試從 GraphQL 服務器獲取數據。 我正在關注Apollo客戶端上的文檔，一切都很好。 問題是我一直以 promise 的形式獲取數據，而不是真正的 object

 const GET_DATA = gql` { category { name products { name inStock } } } `; const data = client.query({ query: GET_DATA, }).then((result) => { return result; }).then((res) => res.data); ReactDOM.render( <ApolloProvider client={client}> <React.StrictMode> <App data={data} /> </React.StrictMode> </ApolloProvider>, document.getElementById("root") );

我嘗試鏈接 another.then() 方法並使用 .json() 方法轉換響應，它沒有用。 也許是因為 GraphQL 響應不同？

我會使用useQuery()鈎子，但我被特別要求使用 Class 組件

Answer 1

該data常量變量將保存 promise，但您從 GraphQl 獲得的結果應該是正確的，在 first.then 塊中，您需要將結果保存在 state 中，然后將該 state 作為數據返回到您的 App 組件。