当查询待处理时，Apollo optimistResponse 未应用

Question

如果在执行带有 optimisticResponse 的突变时有待处理的查询，则不会应用 optimisticResponse。

const {data, refetch} = useQuery(GET_TODOS);
const [updateTodo] = useMutation(UPDATE_TODO);

// in a form submit handler:
refetch();

// Immediately mutate while the _query_ is pending
updateTodo({
  variables: { id, description: description + 1},
  optimisticResponse: {
     updateTodo: {
        id,
        __typename: "Todo",
        description: description + 1
     }
  }
});

最小的codesandbox.io示例 。人为添加了1秒的延迟环节，让效果更加明显。

直接缓存写入似乎也会发生相同的行为；如果存在挂起的读取查询，写入不会导致重新渲染。 如果使用突变批处理查询，也可以看到相同的行为。

这是预期的行为吗？如果是这样，有没有办法绕过它？

Answer 1

Apollo useQuery 挂钩使用默认的 cache-first 获取策略。在内部，当 Apollo 缓存更新时，会发生以下情况

1. 检查是否有任何查询正在观察缓存的该部分
2. 检查是否应通知它们更新
3. 通知

当检查是否通知查询时，会检查查询当前是否为正在飞往服务器，如果是这样，仅在 fetch-policy 为 仅缓存或缓存和网络。

这很好，而且很有意义，当您知道数据即将更新时，您不想花费 CPU 重新渲染。

这会导致上例中出现问题，因为应用乐观更新时正在执行refetch查询。 shouldNotify 检查将返回 false。更改查询获取策略可以解决此问题

const {data, refetch} = useQuery(GET_TODOS, {
   fetchPolicy: 'cache-and-network'
});