Apollo graph ql响应hoc将查询作为prop函数传递

Question

reactapollo中的graph qlhoc帮助将组件与查询连接起来。因此查询将执行，结果将作为组件中的道具可用。

是否有一种方法可以不直接执行查询，而是将函数作为prop传递给可以作为组件内的正常函数调用执行的函数。因为我有一个查询，需要在用户选择组件中的一些选项后执行。

如

<Form>
 <Select onChange={(value) => getCorrespondingValues(value)" />
</Form>

function getCorrespondingValues(value){
   this.props.getValuesQuery(values)
} 

这可以通过直接使用apollo客户端来实现。但是否有任何方法可以在graphql hoc的帮助下使用它呢。因此，组件代码不必更改。

Answer 1

const getValuesQueryHOC = graphql(YOUR_MUTATION, {
  props: ({ mutate }) => ({
    getValuesQuery: (values) =>
      mutate({
        variables: {
          values
        }
      })
  })
});
export default getValuesQueryHOC(YourComponent)