Question

我正在使用GatsbyJS创建的静态网站上，该网站的数据托管在Wordpress上。到目前为止，我可以使用this plugin使用模板来获取帖子和页面数据并为其创建页面。

我的要求是在任何现有React组件的任何帖子或页面中使用ACF字段创建画廊或轮播部分。但是，我想对此无能为力，因为我想为此需要在gatsby-node.js中进行一些设置。

我创建了GraphQL查询来执行此操作，并且它正在获取正确的数据。但是现在的问题是，我不知道将查询放在何处。

这是GraphQL查询：

Eclipse > Run > Run Configurations

请让我更好地理解这一点，因为我对此深感困惑。

Answer 1

要在组件中创建查询，只需使用静态查询。该示例已从gatsby documentation复制粘贴：

import React from "react"
import { StaticQuery, graphql } from "gatsby"
export default () => (
  <StaticQuery
    query={graphql`
      query HeadingQuery {
        site {
          siteMetadata {
            title
          }
        }
      }
    `}
    render={data => (
      <header>
        <h1>{data.site.siteMetadata.title}</h1>
      </header>
    )}
  />
)

如何使用Graphql查询从React组件内部的Wordpress API中获取数据，而不是GatsbyJS中的模板？

1 个答案: