在 Apollo 客户端中，可以通过使用@connection指令来剥离响应对象中的额外结果。

以下是一个示例，演示了如何在 Apollo 客户端中使用@connection指令：

query GetPosts {
  posts {
    edges {
      node {
        id
        title
      }
    }
  }
}

使用@connection指令可以将这个查询的结果分为两个部分：edges和pageInfo。

query GetPosts {
  posts {
    edges {
      node {
        id
        title
      }
    }
    pageInfo {
      hasNextPage
      endCursor
    }
  }
}

然后，在 Apollo 客户端的代码中，可以通过使用fetchMore方法来获取额外的结果。

import { useQuery } from '@apollo/client';
import { gql } from 'apollo-boost';

const GET_POSTS = gql`
  query GetPosts($after: String) {
    posts(first: 10, after: $after) {
      edges {
        node {
          id
          title
        }
      }
      pageInfo {
        hasNextPage
        endCursor
      }
    }
  }
`;

const Posts = () => {
  const { loading, error, data, fetchMore } = useQuery(GET_POSTS);

  if (loading) return 
Loading...
;
  if (error) return 
Error :(
;

  const { edges, pageInfo } = data.posts;

  const loadMore = () => {
    fetchMore({
      variables: {
        after: pageInfo.endCursor
      },
      updateQuery: (prevResult, { fetchMoreResult }) => {
        const newEdges = fetchMoreResult.posts.edges;
        const newPageInfo = fetchMoreResult.posts.pageInfo;

        return newEdges.length
          ? {
              posts: {
                __typename: prevResult.posts.__typename,
                edges: [...prevResult.posts.edges, ...newEdges],
                pageInfo: newPageInfo
              }
            }
          : prevResult;
      }
    });
  };

  return (
    

      {edges.map((edge) => (
        

          
{edge.node.title}
        
      ))}
      {pageInfo.hasNextPage && (
        Load More
      )}
    
  );
};

export default Posts;

在上述代码中，fetchMore方法会发送一个新的请求，获取额外的结果。updateQuery函数会将新的结果合并到原始结果中，并返回合并后的结果。

通过这种方式，Apollo 客户端可以剥离响应对象中的额外结果，并通过fetchMore方法获取它们。