reactjs - 如何在 Apollo 中为 refetchQueries 传递变量

Question

我不确定在 refetchQueries 选项中传递变量 的最佳实践是什么。在下面的示例中，变量是 {id: this.props.item.id}

但是传递 this.props.item.id 返回了错误，因为 MyComponent 尚未实例化，因此 this.props 未定义。

function mapStateToProps(state) {
  return {
    item: state.item
  };
}

MyComponent = connect(mapStateToProps, matchDispatchToProps)(
  MyComponent
);

MyComponent = graphql(createItemImage, {
  name: "createItemImage",
  options: {
    refetchQueries: [
      {
        query: getEntity,
        variables: { id: this.props.item.id }
      }
    ]
  }
  })(MyComponent);

id 值仅在运行时可用。

提前致谢!

Answer 1

这就是最终起作用的方法，请引用 ownProps 和顺序(connect 语句应该在 graphql 之后> 声明)

MyComponent = graphql(createItemImage, {
  name: "createItemImage",
  options: ownProps => ({
    refetchQueries: [
      {
        query: getEntity,
        variables: { id: ownProps.item.id }
      }
    ]
  })
})(MyComponent);

MyComponent = connect(mapStateToProps, matchDispatchToProps)(
  MyComponent
);