javascript - 在缓存类型策略中添加嵌套字段 - Apollo v3

Question

我想知道是否可以使用 InMemoryCache 的 typePolicies 来嵌套值
现在您可以定义平面字段策略

new InMemoryCache({
  typePolicies: {
    Query: {
      fields: {
        hello: {
          read() {
            return 'hello'
          },
        },
        hola: {
          read() {
            return 'hola'
          },
        },
      },
    },
  },
})

// query flat local field using apollo
const QUERY_USER_PAGE = gql`
  query UserPage {
      hello
      hola
  }
`

如果我想要 typePolicies 来反射(reflect)我的应用程序的结构，这似乎是一个很好的做法。
扁平结构将在大型项目的扩展和维护方面受到限制。

new InMemoryCache({
  typePolicies: {
    Query: {
      fields: {
        userPage: {
          hello: {
            read() {
              return 'hello'
            },
          },
          hola: {
            read() {
              return 'hola'
            },
          },
        },
      },
    },
  },
})

// query nested local field using apollo:
const QUERY_USER_PAGE = gql`
  query UserPage {
    userPage @client {
      hello
      hola
    }
  }
`

Answer 1

您需要在 UserPage 中添加策略而不是 Query

new InMemoryCache({
  typePolicies: {
    UserPage: {
      fields: {
        hello: {
          read() {
            return 'hello'
          },
        },
        hola: {
          read() {
            return 'hola'
          },
        },
      },
    },
  },
})