立即迁移到 Netlify

Netlify 宣布 Gatsby Cloud 的下一次迭代。 了解更多

查询 数据

一旦数据被引入 Gatsby,你的页面和组件就通过 GraphQL 查询来指定它们需要访问的数据。

 主要指南 4

页面查询

页面可以通过 GraphQL 查询精确地指定它们所需的数据来源。

组件查询

组件可以通过 GraphQL 查询精确地指定它们所需的数据来源,但它们不能在查询中使用变量。

探索数据 (GraphiQL)

GraphiQL 是本地开发中提供的一个查询 IDE。它会显示 GraphQL 查询返回的数据以及该查询本身。大多数 Gatsby 用户会在 GraphiQL 中编写查询,然后将其复制并粘贴到他们的 Javascript 文件中。

无 GraphQL 的 Gatsby

如果你觉得 GraphQL 令人困惑,或者只是想简化事情,可以使用“非结构化数据”方法——无需 GraphQL。

 附加指南 1

  • 使用 StaticQuery 组件在组件中查询数据
©2025Gatsby, Inc.