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

Posted

技术标签:

【中文标题】GatsbyJS - 如何在 GraphQL 中查询长文本内容字段【英文标题】:GatsbyJS - How to query longtext Contentful fields in GraphQL 【发布时间】:2018-06-30 17:53:22 【问题描述】:

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

我知道 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). 

与该错误消息有关。

谢谢!

【问题讨论】:

【参考方案1】:

查询将类似于:

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

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

【讨论】:

以上是关于GatsbyJS - 如何在 GraphQL 中查询长文本内容字段的主要内容,如果未能解决你的问题,请参考以下文章

如何编写 GraphQL 查询以使用 GatsbyJS 从 mdx 文件中获取图像?

在 GatsbyJS/GraphQL 中组合页面查询

如何使用 GatsbyJS 和 GraphQL 查询和显示包含多个图像的文件夹

GatsbyJS :访问保存在降价文件(GraphQL)中的博客文章的不同部分

连接 AWS Appsync Graphql Link 作为 Gatsbyjs 数据源

已解决 - GatsbyJS - GraphQL ACF 查询问题