0

假设我有一些带有查询的组件可以获取一些东西：

   <Query query={GET_THING}>
            {({ loading, error, data, refetch }) => {
                if (loading) return <Text>Loading...</Text>;
                if (error) return <Text>Error :(</Text>;

                // currently am just storing refetch in global var
                globalRefetches.thing = refetch;
                // external component can call globalRefetches.thing()

                return <Text>{data.getThing}</Text>;
            }}
   />

然后我导航到一个过滤器屏幕，我可以在其中设置一些过滤器来调整结果。

  • 这个屏幕不是前一个组件的子组件，所以我不能简单地通过 props 传递 refetch。
  • 按“保存过滤器”不是突变（它不会访问服务器并更改数据库，而只是更改传递给上一个查询的局部变量），所以我没有 refetchQueries。

有没有一种干净的方法可以让我重新获取上一个屏幕上的查询？目前，我只是将它们存储在全局变量中，但我想有一些方法可以将查询从存储中拉出并使用新变量重新获取它？

4

2 回答 2

1

有很多方法可以解决这个问题，但我认为 Apollo 的预期解决方案是使用 ApolloConsumer 组件使用新的过滤器/排序标准更新缓存。ApolloConsumer 组件使您可以直接访问缓存。您可以直接对其进行读写。您还可以构建自己的解析器，这是模块化缓存操作（例如过滤和排序）的好方法。不幸的是，与缓存交互时有一点学习曲线，文档可能会更好一些。在大多数情况下，您将使用 readQuery、writeQuery、readFragment 和 WriteFragment 函数以及其他一些函数来更改缓存。

我希望这有帮助！

于 2018-08-08T19:58:08.123 回答
0

您需要某种全局状态管理器 - 当存储中的某事物（过滤器选项）发生更改时，所有连接的组件（观察到这一点）都会更新。你可以使用 redux、mobx ......有很多简单、小巧、轻便、容易的解决方案可供选择 - 或者使用 context api 构建自己的东西。

Apollo client支持local state management- 不是最简单的，但类似于普通的 graphql 使用。

于 2018-08-08T09:05:24.637 回答