从 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 组件。