Apollo boost 触发器在组件外部重新获取

Question

我正在 React（网络）中使用 Apollo 的新 apollo-boost，我想知道两件事：a) 为什么 Apollo 不自动重新获取变量变化的数据，b) 如何才能在 Query 组件之外调用 refetch?

在我的特定用例中，我需要从父组件的状态传递某些过滤器。考虑以下代码：

class GalleryPage extends Component {
  constructor () {
    super();
    this.state = {
      filters:           {
        brands:    [1, 3],
        filetypes: [4, 5, 6],
      },
    };
  }

  render() {
    return (
      <div>
        <Query query={FilesQuery} variables={this.state.filters}>
          {result => (result.networkStatus === 7 ? result.data.files.map(file => <div>{file.name}</div>) : '')}
        </Query>
      </div>
    );
  }
}

当 this.state.filters 更改时，我希望 Apollo 重新获取数据。但由于这不起作用，我正在尝试调用 refetch。我可以通过从数据中解构它并调用它来调用 refetch：<button type="button" onClick={() => refetch()}>Refetch</button>。显然，这在组件之外不起作用。而且我不知道如何在组件之外调用它。我觉得事件系统在这里可能会有帮助，但我不确定这是否是正确的方法。

提前致谢！

Answer 1

示例代码中的问题似乎是嵌套对象似乎不会触发重新获取。所以，我所做的仍然触发重新获取，是改变状态的组织：

// Instead of
this.state = {
  filters: {
    brands: [1, 3],
    filetypes: [4, 5, 6],
  }
}

// I'm now doing
this.state =  {
  filteredBrands: [1, 3],
  filteredFiletypes: [4, 5, 6]
}

Apollo boost 触发器在组件外部重新获取

Apollo boost trigger refetch outside of component

reactjs

react-apollo