因此,如果没有您的架构类型定义,您的问题很难回答。但是让我们假设它是这样的:
type Query {
menus: Menus
}
type Menus {
menuA: Menu
menuB: Menu
}
警告本质上是说没有任何keyArgs
Apollo Cache 就无法规范化menus
查询。从他们的角度记住——你有一个单一的 menus
根查询。(即GerMenuA
并且GerMenuB
是客户端查询而不是根查询)。
(旁注 - 因为您没有id
字段,请参阅禁用规范化。)
选项 1:分离您的查询
type Query {
menuA: Menu
menuB: Menu
}
Apollo 缓存现在将存储menuA
和menuB
作为单独的查询。如果你想安全,你可以设置你的类型策略:
const createCache = () => new InMemoryCache({
typePolicies: {
Menu: {
keyFields: false
},
Query: {
fields: {
menuA: {
keyArgs: false
},
menuB: {
keyArgs: false
}
}
}
},
});
keyFields: false
告诉 AC 存储Menu
在它的父查询下。keyArgs: false
说menuA
和menuB
都是单例查询。缓存策略将默认为merge: false
现有数据将被传入数据替换。
选项 2:定义查询参数
在此选项中,您name
向查询添加参数menus
:
type Query {
menus(name: String): Menu
}
默认情况下,缓存会为您在查询特定字段时提供的每个唯一参数值组合存储一个单独的值。
Apollo 缓存现在将存储menus:{name:menuA}
并menus:{name:menuB}
作为单独的缓存对象。同样,如果你想安全,你可以设置你的类型策略:
const createCache = () => new InMemoryCache({
typePolicies: {
Menu: {
keyFields: false
}
},
});
同样,缓存策略将默认为merge: false
现有数据将被传入数据替换。
选项 3:定义合并策略
我们已经讨论了为什么现有模式对 Apollo Cache 感到困惑。但是如果你真的准备好了,剩下要做的就是定义一个合并策略:
const createCache = () => new InMemoryCache({
typePolicies: {
Menu: {
keyFields: false
},
Menus: {
keyFields: false,
merge: true
},
Query: {
fields: {
menus: {
keyArgs: false,
merge: true
}
}
}
},
});
merge: true
告诉 Apollo Cache 将 和 的结果合并GerMenuA
到具有和属性GerMenuB
的单个Menus
缓存对象中。如果没有它,每次运行查询时都会破坏前一个查询的结果。menuA
menuB