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

Question

我 运行 从 contentful 中查询 "long text" 类型的字段时遇到问题。

我知道 Contentful 长文本字段实际上是 markdown。所以我安装了 gatsby-t运行sformer-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 架构的最好朋友。