Apollo客户端是否在React中缓存嵌套对象? [英] Does the Apollo client cache nested objects in React?

问题描述

进行以下查询:

query Foo {
  foo {
    id
    bar(id: 1) {
      id
      baz
    }
  }
}

query Bar {
  bar(id: 1) {
    id
    baz
  }
}

有时，运行第二个查询会为我提供bar的缓存版本.在其他时候，它不是，但是我不确定这是因为查询多次运行，还是因为这是React中Apollo客户端的默认行为.

Sometimes, running the 2nd query gets me a cached version of bar. Other times, it doesn't, but I'm not sure if this is because the query is run multiples times or because that's the default behaviour of the Apollo client in React.

推荐答案

不，不是(至少到2019年11月为止).要在运行Foo查询时将bar对象放入缓存中，您需要创建如下的内存中缓存:

No, it doesn't (as of Nov 2019, at least). To put the bar object in the cache when running the Foo query, you need to create the in-memory cache like this:

import { InMemoryCache } from 'apollo-cache-inmemory';

const cache = new InMemoryCache({
  cacheRedirects: {
    Query: {
      bar: (_, args, { getCacheKey }) =>
        getCacheKey({ __typename: 'Bar', id: args.id })
    },
  },
});

另请参阅:

• 配置缓存
• 缓存重定向
• 为什么我们根本需要cacheRedirects?

• Configuring the cache
• Cache redirects
• Why do we need cacheRedirects at all?

这篇关于Apollo客户端是否在React中缓存嵌套对象?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！