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

Question

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

我知道 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 } } } }

如果您还没有学会如何使用 Graph i QL，请尝试在 localhost:8000/___graphql 上打开它！它是学习如何查询 Contentful 模式的最佳朋友。