Typescript/Apollo：从内存缓存中访问属性

Question

我正在使用 Apollo Client 并且正在学习 Typescript。我有一个带有此更新道具的Mutation 组件：

(cache, { data: { createTask } }) => {
    const allTasks = cache.readQuery({ query: ALL_TASKS }).allTasks;
}

我得到两个编译错误：

Object is possibly 'null'.
Property 'allTasks' does not exist on type '{}'.

我理解大意。 readQuery 可能会返回 null（这很容易混淆，因为文档让我相信当没有找到结果时会引发错误 (https://www.apollographql.com/docs/react/advanced/caching.html#readquery)。

如何让编译器让我从readQuery 的结果中读取属性allTasks？

另外，仅供参考，我尝试运行 console.log(cache.readQuery({ query: ALL_TASKS })) 并确认那里确实存在有效数据，并带有一个名为的属性。

Answer 1

readQuery 接受结果类型的类型参数；你可以看到这个in the source code 或者在你的IDE 中跳转到readQuery 的声明。因此，您可以这样做：

interface AllTasksResult {
  allTasks: any;  // TODO: Put correct type here
}
// ...
const allTasks = cache.readQuery<AllTasksResult>({ query: ALL_TASKS })!.allTasks;

关于null：考虑为类型声明和文档之间的不一致提交一个错误。目前，感叹号表示您知道前面的表达式（readQuery 的返回值）不会为 null 或未定义。