Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/439.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 什么是盖茨比内容液?_Javascript_Reactjs_Graphql_Gatsby_Contentful - Fatal编程技术网

Javascript 什么是盖茨比内容液?

Javascript 什么是盖茨比内容液?,javascript,reactjs,graphql,gatsby,contentful,Javascript,Reactjs,Graphql,Gatsby,Contentful,作为一名新手,我正在学习盖茨比和GraphQL,并遵循这篇文章 它有以下代码: export const query = graphql` query($slug: String!) { contentfulBlogPost(slug: { eq: $slug }) { title publishedDate(formatString: "Do MMMM, YYYY") featuredImage { flui

作为一名新手,我正在学习盖茨比和GraphQL,并遵循这篇文章

它有以下代码:

export const query = graphql`
  query($slug: String!) {
    contentfulBlogPost(slug: { eq: $slug }) {
      title
      publishedDate(formatString: "Do MMMM, YYYY")
      featuredImage {
        fluid(maxWidth: 750) {
          ...GatsbyContentfulFluid
        }
      }
    }
  }
`
我正在GraphQL查询服务器上获取所有内容,但没有获取。
。gatsbycontentfulfuid
。 C 请某人解释一下什么是
…GatsbyContentfulFluid
? 为什么我们要将它与扩展运算符一起使用?
在创建有内容的数据时,我是否遗漏了什么?这就是为什么我在GQL查询中没有得到
…GatsbyContentfulFluid

它不是JavaScript中的扩展运算符,在GraphQL中代表查询片段

片段是使用可重用单元查询一组字段的一种方式。发件人:

比如说,我们的应用程序中有一个相对复杂的页面,它让 我们看着两位英雄肩并肩,还有他们的朋友。你可以 想象一下,这样的查询可能很快变得复杂,因为我们 需要至少重复一次字段-每边一个字段 比较

这就是GraphQL包含称为片段的可重用单元的原因。碎片 让您构造字段集,然后将它们包含在查询中 在你需要的地方。下面是一个如何解决上述问题的示例 使用碎片的情况:

在您的例子中,片段是由提供的,基本上是从Contentful查询流体资产,就像您在使用本地文件时通常所做的那样

换句话说,使用
…GatsbyContentfulFluid
片段,您将从内容资产中获取必填字段,这些字段允许您在资产中使用
gatsby图像

由于GraphiQL的限制,GraphQL游乐场中不提供片段:

注意,由于GraphiQL的限制,您当前无法使用这些 GraphiQL IDE中的片段


因此,您可以使用片段(事实上,您应该这样做),但您需要直接检查代码中获取的数据(通过
控制台。日志
或通过调试断点),因为它们在GraphQL游乐场中不可用。

这是我下面的文章,感谢ferran的回复。您能回答一件事吗?当我们使用graphql()作为函数调用和graphql``带有回拨功能时,有什么区别?这是一样的,但是第一个很快就会被弃用。