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

Question

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

我知道 Contentful 长文本字段实际上是 markdown。所以我安装了 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

查询将类似于:


查询 getStoreById($relativeUrl: String!) {
contentfulStore(relativeUrl: { eq: $relativeUrl }) {
相对URL
商店页面标题
主页文本内容{
childMarkdownRemark {
html
}
}
}
}


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