GatsbyJS - 如何在 GraphQL 中查询长文本内容字段

Question

我在从内容中查询“长文本”类型的字段时遇到了问题。

我知道 Contentful 长文本字段实际上是降价。所以我安装了我认为需要的 gatsby-transformer-remark 插件。

这是我的 GraphQL 查询：

  query getStoreById($relativeUrl: String!) {
    contentfulStore(relativeUrl: { eq: $relativeUrl }) {
      relativeUrl
      shopPageTitle
      mainPageTextContent {
        mainPageTextContent
      }
    }
  }

控制台仍然显示：

Objects are not valid as a React child (found: object with keys {childMarkdownRemark}). 

与该错误消息有关。

谢谢！

Answer 1

查询将类似于：

query getStoreById($relativeUrl: String!) { contentfulStore(relativeUrl: { eq: $relativeUrl }) { relativeUrl shopPageTitle mainPageTextContent { childMarkdownRemark { html } } } }

如果您还没有学会如何使用 GraphiQL，请尝试在 localhost:8000/___graphql 中打开它！它是您学习如何查询 Contentful 架构的最佳朋友。