有没有办法在不渲染的情况下进行一次 graphql 查询？答案

【问题标题】：Is there a way to make a graphql query once without rendering?有没有办法在不渲染的情况下进行一次 graphql 查询？
【发布时间】：2019-10-16 11:27:10
【问题描述】：

我有一个 react 应用程序，我需要对端点进行 GraphQL 查询以获取数据。数据在应用程序的生命周期内不会更改。所以我想在组件挂载时进行查询，并存储数据。

我尝试在ComponentDidMount 方法中进行查询调用，但我相信它不起作用，因为我需要呈现结果。事实是，我对这些框架和库非常陌生，并且不确定其中一些/大部分是如何工作的。我想相信我错了，有一些方法可以存储来自查询的数据而无需渲染它......但我似乎无法弄清楚:(

谁能帮帮我？为我指明一个方向，或者纠正我对所面临问题的可能错误假设？

【问题讨论】：

只使用graphql HOC查询
查看react-apollo's graphql() 和compose 函数apollographql.com/docs/react/api/react-apollo/…。

标签： reactjs graphql react-apollo

【解决方案1】：

使用react-apollo，您可以像this 一样：

import { withApollo } from 'react-apollo'

class SomeComponent extends Component {
  async componentDidMount() {
    const result = await this.props.client.query({
      query: GRAPHQL_QUERY,
      variables: QUERY_VARIABLES
    })
    // do something with result
  }
}

export default withApollo(SomeComponent)

【讨论】：