阿波罗客户端3：如何将突变结果缓存到嵌套集合中？ （集合中的集合）

Question

在我的Apollo Client 3应用程序中，我正在进行突变，并希望将结果缓存到嵌套在集合中的集合中。

具体来说，我在注释列表中，帖子中的每个列表，帖子列表中的每个帖子中创建评论。我的应用程序的数据层次结构看起来像：

user 1
    profile 1
        post 1
            comment 1.1
            comment 1.2
        post 2
            comment 2.1
            comment 2.2
            < write mutation result here >
        post 3
            comment 3.1
            comment 3.2
            comment 3.3
        ...

在这种情况下，我将如何在其父帖的评论收集中最好地缓存创建的评论？我正在查看usemuont钩子的更新或修改 config，但不太确定。

对于其他上下文，这里是与上述数据层次结构相对应的查询：

query getUserPosts($userParams: GetUserParams!$postsPaginationParams: CursorPaginationParams!) {
  user(params: $userParams) {
    id
    profile {
      id
      # ...
      ownedPosts(pagination: $postsPaginationParams) {
        items {
          id
          # ...
          featuredComments {
            id
            primaryText
            creationTimestamp
            owner {
              id
              name
            }
          }
        }
        pagination {
          # ...
        }
      }
    }
  }
}

这是我的突变：

input CreateCommentParams {
  ownerId: String!
  postId: String!
  primaryText: String!
}

mutation createComment($params: CreateCommentParams!) {
  createComment(params: $params) {
    id
    owner {
      id
      name
    }
    primaryText
    creationTimestamp
  }
}

这是usemution到目前为止的内容：

useMutation(CREATE_COMMENT_MUTATION, {
  // ...
  update: (cache, { data }) => {
    if (data) {
      const cacheId = cache.identify(data.createComment);
      cache.modify({
        fields: {
          // ...how to update the comments array of the specific post? 
        }
      })
    }
  },
})

Answer 1

您需要查找您正在更新和更新其特色的字段的帖子：

useMutation(CREATE_COMMENT_MUTATION, {
  // ...
  update: (cache, { data }) => {
    cache.modify({
      id: cache.identify({
        __typename: 'Post', // Assuming your this is the _typename of your Post type in your schema
        id: postId,
      }),
      fields: {
        featuredComments: (previous, { toReference }) => [...previous, toReference(data.createComment)]
      },
    }),
  }),
})