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)中的博客文章的不同部分