reactjs - Apollo GraphQL React - 如何点击查询？

Question

在 Apollo React 文档中 http://dev.apollodata.com/react/queries.html#basics有显示组件时自动获取的示例，但我想在单击按钮时运行查询。我看到一个在单击按钮时“重新”获取查询的示例，但我不希望它最初进行查询。我看到有一种方法可以调用突变，但是如何调用查询呢？

Answer 1

您可以通过使用 withApollo 高阶组件将引用传递给 Apollo Client 来实现此目的，如下所示:https://www.apollographql.com/docs/react/api/react-apollo.html#withApollo

然后，您可以对传入的对象调用client.query，如下所示:

class MyComponent extends React.Component {
  runQuery() {
    this.props.client.query({
      query: gql`...`,
      variables: { ... },
    });
  }

  render() { ... }
}

withApollo(MyComponent);

出于好奇，对点击事件运行查询的目标是什么？也许有更好的方法来实现根本目标。