react-apollo 向组件提供数据和突变

react-apollo providing data and mutation to the component

我曾经使用 prevues 版本,我可以使用 connect 为组件提供数据和变异方法,如下所示:

export default connect({
  mapQueriesToProps,
  mapMutationsToProps,
})(component);

并且在每个 mapQueriesToPropsmapMutationsToProps 中我可以提供许多实例,例如 2-3 个数据查询和几个变异方法。

但是我该如何在新版本中使用以下模式来实现呢?

export default graphql(data, {
  options: ({ params: { id } }) => ({
    variables: {
      id: Number(id),
    },
  }),
})(component);

您可以使用 compose 多次。

组合所有变更和所有查询,然后将它们组合到您的组件中。