Apollo update导致Store中出现重复条目问题（附HOC代码）

我之前也碰到过Apollo缓存更新时出现重复数据的情况，结合你给出的HOC代码片段，大概率是因为缓存无法正确识别实体的唯一性，或者update函数的逻辑存在疏漏。下面是几个常见的问题点和对应的解决办法：

1. 确保Mutation返回实体的唯一标识 #

Apollo的InMemoryCache默认依靠id或_id字段来区分不同的实体，如果你的CreateAssignmentMutation返回的putAssignment数据里没有这个唯一标识，Apollo会把新创建的作业当成全新的条目存入缓存，哪怕它实际上应该和现有条目对应。

你需要修改你的Mutation定义，确保返回id（或你自定义的唯一键）：

mutation CreateAssignmentMutation($title: String!, $description: String!, ...) {
  putAssignment(title: $title, description: $description, ...) {
    id  # 必须包含这个唯一标识
    title
    description
    assignDate
    # 其他你需要的字段
  }
}

2. 在update函数中添加重复检查逻辑 #

你的update函数只写了开头部分，很多时候重复问题是因为直接把新数据push到缓存列表里，没有先检查是否已经存在。正确的做法是先读取现有缓存数据，通过唯一ID判断是否重复，再决定是否添加：

options: ({ startDate, endDate, classId }) => ({
  update: (proxy, { data: { putAssignment } }) => {
    // 假设你有一个用于获取班级作业列表的查询
    const assignmentListQuery = gql`
      query GetClassAssignments($classId: ID!) {
        assignments(classId: $classId) {
          id
          title
          description
          # 和mutation返回一致的字段
        }
      }
    `;

    // 读取当前缓存中的作业列表
    const existingData = proxy.readQuery({
      query: assignmentListQuery,
      variables: { classId }
    });

    // 检查新作业是否已经在列表中（通过唯一ID判断）
    const isDuplicate = existingData.assignments.some(
      item => item.id === putAssignment.id
    );

    if (!isDuplicate) {
      // 无重复则添加到列表，再写回缓存
      existingData.assignments.push(putAssignment);
      proxy.writeQuery({
        query: assignmentListQuery,
        variables: { classId },
        data: existingData
      });
    }
  }
})

3. 配置自定义的实体唯一标识规则 #

如果你的作业实体不是用id作为唯一键（比如用assignmentId），需要在初始化Apollo Client时配置dataIdFromObject，告诉Apollo如何识别同一个实体：

import { ApolloClient, InMemoryCache, defaultDataIdFromObject } from '@apollo/client';

const client = new ApolloClient({
  uri: '/your-graphql-endpoint',
  cache: new InMemoryCache({
    dataIdFromObject: object => {
      switch (object.__typename) {
        case 'Assignment':
          return `Assignment:${object.assignmentId}`; // 用自定义的唯一键生成ID
        default:
          return defaultDataIdFromObject(object); // 其他实体沿用默认规则
      }
    }
  })
});

4. 保证Mutation和Query的字段一致 #

如果你的作业列表查询返回的字段和Mutation返回的字段不一致（包括__typename），Apollo可能无法正确匹配实体，导致重复。要确保两者的字段结构完全对齐。

内容的提问来源于stack exchange，提问作者Zzz