正在查找了解Apollo客户端本地状态和缓存的帮助

Question

我正在与Apollo Client local state and cache合作，虽然我已经看过了文档(https://www.apollographql.com/docs/react/essentials/local-state)，一些教程（例如，https://www.robinwieruch.de/react-apollo-link-state-tutorial/)看看一些例子，我有点困惑。除了您可以提供以下特定问题的任何见解之外，如果您可以链接到其他好的文档/资源，以便将事情置于上下文中，我们将不胜感激。

特别是，我了解如何存储本地客户端数据并进行检索，但我不知道这些数据是如何与从服务器检索并发送回服务器的数据集成的。

以简单的“待办事项应用程序”为起点，我有几个问题。

1）如果您使用查询从服务器下载一组数据（在本例中为“待办事项”），缓存的数据和服务器端数据之间的关系是什么？也就是说，我通过查询获取数据，它会自动存储在缓存中。现在，如果我想在本地获取该数据，并且，比如说，修改它（在本例中，添加待办事项或修改它），我该如何做到这一点？我知道如何对我创建的数据进行操作，但不知道如何对我下载的数据进行操作，例如，在本例中，我的待办事项集。例如，一些教程引用了__typename——对于从服务器下载的数据，这个__typename是什么？如果我使用readQuery来获取从服务器下载并存储在缓存中的数据，我将使用什么查询？与我最初下载数据时使用的相同？

2） 一旦我修改了这个本地数据（例如，在todo的情况下，将一个todo设置为“已完成”），并使用writeData将其写回缓存，如何将其发送回服务器，以便本地副本和远程副本同步？有突变？所以我负责将副本存储到本地缓存，并在两个单独的操作中将其发送到服务器？

3） 据我所知，除非您另有规定，否则如果您从Apollo客户端进行查询，它将首先检查您请求的数据是否在缓存中，否则它将调用服务器。那么，为什么您需要在示例代码中创建一个客户机来掌握TODO呢？因为这些数据不是通过先前的查询从服务器下载的，而是本地数据？

const GET_TODOS = gql`
  {
    todos @client {
      id
      completed
      text
    }
    visibilityFilter @client
  }
`;

如果它们实际上是通过早期查询下载的，您不能使用最初用于从服务器获取数据的相同查询，而不是放置@Client，并且如果数据在缓存中，你会得到缓存的数据吗？

4） 最后，我读到Apollo客户端将自动更新内容——也就是说，如果您将修改后的数据发送到服务器（例如，在我们的例子中，是修改后的todo），Apollo客户端将确保该数据段在缓存中被修改，并按ID引用。关于何时修改和何时不修改，是否有任何规则？如果Apollo客户端使用IDs与服务器保持同步，我们什么时候需要像上面那样“手动”处理，什么时候不需要？

感谢您提供的任何见解，如果您有指向上述文档以外的其他文档的链接，或者有一个好的教程，我将不胜感激

Answer 1

>

__typename是Apollo内置的自动魔术方式，用于跟踪和缓存查询结果。默认情况下，您可以使用项目的__typename和id来查找缓存中的项目。您通常不需要担心__typename，直到您手动需要调整缓存。在大多数情况下，只需在原始请求之后重新运行服务器查询以从缓存中提取。服务器响应默认缓存，因此下次您运行查询时，它会从缓存中提取。

这取决于您的情况，但大多数情况下，如果您正确设置ID，Apollo客户端会自动同步来自突变的更改。您需要做的就是返回id属性和突变查询中任何更改的字段，Apollo将自动神奇地更新缓存。因此，如果您描述将待办事项标记为已完成的情况，您可能应该将突变发送到服务器，然后在突变响应中请求已完成的字段和id。客户端将自动更新。

您可以使用原始查询。Apollo客户端基本上使用查询变量缓存内容-

请参阅我对上面#2的回答，但只要您在突变中包含id和任何修改过的数据，Apollo客户端就会为您处理它。如果您添加新数据，例如将待办事项添加到列表中，它不会为您处理它。删除数据也是如此。