使用react-apollo查询的不同方法

Question

因此，我正在寻找关于何时使用这些不同类型的查询模式来获取数据的建议

Answer 1

查询组件和graphql HOC具有相同的基本功能，因此从这个角度来看不应该有区别。对于查询组件不运行生命周期方法的示例，您可以将查询组件从组件中向上移动一个级别，并且它的工作方式完全相同。就像这样：

const CompQueryWrapper = () => {
  return (
    <Query ...>
      {({ data, loading, error }) => <CompWithLifecycle data={data} />}
    </Query>
}

您还可以将生命周期逻辑向下移动一个级别。在这种情况下，反应/组件有时很方便，当你只想在道具更改时触发一些东西，但不想经历制作新类组件的仪式时。

因此，对于您的特定情况，我建议将查询向上移动，以便它触发生命周期，或者将生命周期逻辑向下移动，以便它可以由查询结果触发。

通常，我用来进行查询的两个组件是

1. 查询组件
2. ApolloConsumer（它基本上只是withApollo的渲染道具版本）

如果我可以使用查询组件，我就使用查询组件。它适用于大多数情况。ApolloConsumer用于查询的用例是当您不想立即触发查询时。例如，假设您有一个表单需要用户提供一些信息，然后根据该输入获取一些数据。这不是一个突变，因为我们没有更改任何数据，但我们也不希望它像查询组件那样立即触发。在本例中，使用ApolloConsumer获取客户机实例，并使用client.query激发查询。