GraphQL/Gatsby/Prismic - 查询中“edges.node.data”和“nodes.data”之间的区别答案

【问题标题】：GraphQL/Gatsby/Prismic - difference between 'edges.node.data' and 'nodes.data' in queryGraphQL/Gatsby/Prismic - 查询中“edges.node.data”和“nodes.data”之间的区别
【发布时间】：2020-02-03 07:27:21
【问题描述】：

我正在关注 Medium 上的 this 教程，以便让 Gatsby 使用 Prismic。

在 GraphiQL 资源管理器中，下面的两个查询都产生相同的结果，并且想知道何时应该使用一个而不是另一个（即 edges.node.data 与 nodes.data):

查询 #1：

query Articles {
  articles: allPrismicArticle {
    edges {
      node {
        data {
          title {
            text
          }
          image {
            url
          }
          paragraph {
            html
          }
        }
      }
    }
  }
}

查询 #2：

query Articles {
  articles: allPrismicArticle {
    nodes {
      data {
        title {
          text
        }
        image {
          url
        }
        paragraph {
          html
        }
      }
    }
  }
}

【问题讨论】：

标签： graphql gatsby prismic.io

【解决方案1】：

正如您所发现的，根本没有区别。 nodes 可以被认为是edges.map(edge => edge.node) 的快捷方式。这将在使用 graphql 返回的数据时为我们节省一些输入。

在少数情况下查询边很有用，例如在 allMarkdownRemark 查询中，edges 可能包含有用的信息，例如帖子总数。

【讨论】：