在Gatsby模板中引用查询中使用的GraphQL变量？
在Gatsby模板中，可以使用GraphQL变量来引用查询。GraphQL变量允许我们在查询中动态地传递参数，以便根据需要获取特定的数据。
要在Gatsby模板中引用查询中使用GraphQL变量，可以按照以下步骤进行操作：
- 定义GraphQL查询：首先，需要在Gatsby模板中定义一个GraphQL查询。查询可以包含变量，用于接收动态参数。例如，我们可以定义一个查询来获取特定标签的文章：
query($tag: String!) {
allMarkdownRemark(filter: { frontmatter: { tags: { eq: $tag } } }) {
edges {
node {
frontmatter {
title
}
}
}
}
}在上面的查询中，$tag是一个GraphQL变量，用于接收标签参数。
- 在模板中使用查询：接下来，可以在Gatsby模板中使用定义的查询。可以通过
graphql标记将查询与模板组件关联起来，并将变量传递给查询。例如，我们可以在一个React组件中使用查询来获取特定标签的文章列表：
import React from "react"
import { graphql } from "gatsby"
const TagPage = ({ data }) => {
const posts = data.allMarkdownRemark.edges
return (
<div>
<h1>Posts with Tag: {tag}</h1>
<ul>
{posts.map(({ node }) => (
<li key={node.frontmatter.title}>{node.frontmatter.title}</li>
))}
</ul>
</div>
)
}
export const query = graphql`
query($tag: String!) {
allMarkdownRemark(filter: { frontmatter: { tags: { eq: $tag } } }) {
edges {
node {
frontmatter {
title
}
}
}
}
}
`
export default TagPage在上面的例子中，我们使用graphql标记将查询与TagPage组件关联起来，并通过$tag变量传递标签参数。查询的结果将作为data属性传递给组件。
这样，我们就可以在Gatsby模板中引用查询中使用GraphQL变量了。根据实际需求，可以根据不同的变量值获取不同的数据，并在模板中进行展示。
推荐的腾讯云相关产品：腾讯云云开发（Serverless Cloud Function）。 腾讯云云开发是一款面向前端开发者的云原生全托管后端服务，提供了云函数、数据库、存储、云托管等功能，帮助开发者快速构建和部署应用。腾讯云云开发支持使用云函数中的GraphQL API进行数据查询和变更操作，可以方便地在前端应用中使用GraphQL变量进行数据获取。
更多关于腾讯云云开发的信息，请访问：腾讯云云开发
相关·内容
当尝试在gatsBy Graphql中动态传递变量时，我会遇到以下错误。
误差
Module build failed (from ./node_modules/gatsby/dist/utils/babel-loader.js):
Error: BabelPluginRemoveGraphQL: String interpolations are not allowed in graphql fragments. Included fragments should be referenced as `...MyModule_foo`.
查询
let mytext = 'welcome
浏览 2提问于2018-11-16得票数 2
2回答
我正在尝试创建一个简单的Byline组件，在我的MDX文章中使用这个组件，它用一个href="mailto:emailaddress@mail.com"和一个time标记显示站点作者，其中包含文章在其前端的日期。
我试着跟随学习如何通过组件中的GraphQL查询前端。
我真的不知道React或GraphQL，但我知道第一个(author)是通过site.siteMetadata.author.name查询的(我认为？)。
至于第二个问题，因为它使用了帖子的前端内容，所以我假设我应该使用mdx.frontmatter.date。
我不会让这一切起作用的。我知道这些错误：
无法读
浏览 7提问于2021-12-25得票数 0
我正在使用盖茨比( Gatsby )创建一个博客，并试图根据用户点击的标签生成页面。
当用户单击标签时，应该将其重定向到显示带有该标记的文章列表的页面。
我创建了一个这样做的查询。但是，我的GraphQL查询在我的GraphQL编辑器中工作，但在我的react代码中不起作用。它在代码中返回一个空数组，但在Graphql编辑器中运行查询时返回预期的结果。
import React from "react"
import ArticleCard from "../articleCard/ArticleCard"
import Pagination from "
浏览 2提问于2020-04-02得票数 1
回答已采纳
3回答
我试图通过一个递增state.count的按钮从graphql中浏览Gatsby中的react组件中的数据。
当我单击该按钮时，state.count会递增，但不会传递给查询。
你知道我做错了什么吗？
pageUp=() => {
this.setState({count: this.state.count +2});
let skip=this.state.count
}
render() {
return (
<StaticQuery
query={graphql`
query ListingPageQuery ($skip:Int){
浏览 1提问于2018-09-15得票数 0
我不太清楚问题出在哪里，我正在使用amazon、s3桶来托管cloudfront和WordPress作为CMS的网站
我以为盖茨比会创建一个静态页面，但它看起来像是在注入内容，主页看起来没问题，但是其他的页面都有这个问题。
我一直在论坛上阅读，删除插件，但我还没有找到解决方案，例如，你们可以在一个缓慢的3g连接上检查
这是我的gatsby-config.js
/**
* Configure your Gatsby site with this file.
*
* See: https://www.gatsbyjs.org/docs/gatsby-config/
*/
require(
浏览 18提问于2022-07-22得票数 1
使用gatsby-node.js并以编程方式创建页面，我有两个选项：
我可以在gatsby-node.js上查询我所需要的一切，然后传递(例如)使用context的边数组到我使用的不同模板。
这样，模板就不需要再执行另一个graphql查询了
我可以在gatsby-node.js上执行同样的查询(因为我无论如何都需要这些信息)，但是我可以将相关信息与context一起传递给模板，这样他们就可以执行其他graphql查询来检索所需的数据。
这样，我不会通过上下文传递大量数据(事实并非如此，但最终可能会发生这种情况)，而是重复数据库查询。
什么是更有效的？我看到文档似乎建议
浏览 1提问于2019-02-18得票数 0
回答已采纳
1回答
我目前正在使用Gatsby创建一个网站，并使用gatsby-source-wordpress插件从Wordpress中查询数据。在我的gatsby-node文件中，我设置了基于帖子类别动态创建网页。当我尝试运行按类别段塞排序和按post日期过滤的查询时，收到一个错误："Error: The result of this StaticQuery not be fetched“。 有没有人能看看这个，让我知道我到底哪里错了？ gatsby-node文件： const path = require('path')
module.exports.createPages =
浏览 17提问于2019-12-05得票数 0
在盖茨比( Gatsby )中，我编写了一个post模板：
singlePost.js：
import React from 'react'
import { graphql } from 'gatsby'
import { MDXRenderer } from 'gatsby-plugin-mdx'
import { H1 } from '../elements'
import { Container, Post, FeatureImage } from '../components'
const singleP
浏览 8提问于2021-02-12得票数 2
回答已采纳
我在react目录中的/src/components目录中有一个名为“Header”的gatsby组件，定义如下：
import React, { Component } from "react"
import { Link } from 'gatsby'
import { StaticQuery, graphql } from 'gatsby'
import Img from "gatsby-image"
import "./header.css"
class Header extends Component
浏览 2提问于2019-01-29得票数 2
很多人都在关注这篇文章 to a T，但仍然找不到它不工作的原因……
import React from "react"
import { graphql } from "gatsby"
export const query = graphql`
query($slug: String!, $tag: [String!]) {
contentfulBrunchPost(slug: { eq: $slug }, tag: { in: $tag }) {
title
slug
tag
}
}
`
con
浏览 5提问于2021-07-15得票数 0
我遵循了的Gatsby教程，它工作得很好，但我想要实现的是从静态位置获取图像，而不是使用图像的相对路径。
想要引用像这样的图像(在正面)
featuredImage: img/IMG_20190621_112048_2.jpg
其中IMG_20190621_112048_2.jpg位于/src/data/img中，而不是与/src/posts下的标记文件相同的目录中。
我尝试过像这样设置gatsby-source-filesystem：
{
resolve: `gatsby-source-filesystem`,
options: {
name: `posts`,
pa
浏览 1提问于2019-07-22得票数 5
回答已采纳
在gatsby-node.js中，我有两个查询，从Contentful获取其数据。我想添加一个新的查询，根据它的slug (内容模型中的一个字段)加载特定内容的数据。
这就是我所拥有的：
return graphql(
`
{
allContentfulBlogPost {
edges {
node {
id
slug
}
}
}
allContentfulCaseStudy(fi
浏览 2提问于2020-07-17得票数 2
回答已采纳
在Gatsby应用程序的react组件中，我了解如何在graphql查询中使用上下文变量，例如： export const tagPageQuery = graphql`
query TagPage($tag: String) {
site {
siteMetadata {
title
}
}
allItem(filter: { tags: { in: [$tag] } }) {
totalCount
edges {
node {
id
mov
浏览 19提问于2019-06-28得票数 9
回答已采纳
我已经在Gatsby中创建了一个博客帖子模板。现在，我想将页面拆分成多个功能组件，每个组件都通过useStaticQuery引入数据。 据我所知，Graphql变量只适用于页面查询，模板文字也不例外： const Slideshow = props => {
const data = useStaticQuery(
graphql`
query {
contentfulPost(slug: { eq: "${ props.slug }" }) {
images {
title
浏览 10提问于2020-04-06得票数 0
回答已采纳
我是一个全新的WPGraphQL新手，在我的新Wordpress端点上构建一个Gatsby站点时遇到了一些麻烦。当我在Postman中对我的端点执行以下查询时，我成功地获得了页面数据： query MyQuery {
pages {
edges {
node {
id
slug
status
}
}
}
} 然而，当我尝试构建Gatsby站点时，我得到了以下信息： 错误#85923 GRAPH
浏览 227提问于2021-10-22得票数 0
回答已采纳
1回答
不要让查询满足于工作。接收错误消息：TypeError: Cannot read property 'allContentfulMagArticle' of undefined
data在Posts组件中未定义。我看不出我做错了什么。
import { graphql } from 'gatsby';
import Post from "./post.js";
import './posts.css';
export const query = graphql`
query {
allContentfulMagA
浏览 4提问于2021-04-10得票数 0
回答已采纳
在运行gatsby build时，我会收到以下错误(gatsby develop工作正常)：
ERROR #95313
Building static HTML failed for path "/services/blog-post-1/"
这是我的网站的结构：
- pages
- blog
- {mdx.slug}.js
- services
- {mdx.slug}.js
看起来盖茨比正在尝试用我的/services/{mdx.slug}.js模板构建我的博客贴现文件。
我的gatsby-config.js看起来如下所示：
{
resol
浏览 2提问于2021-10-25得票数 0
我有一个React组件，需要查询数据。我想将参数/变量传递给查询。但我不知道该怎么做。
例如。我有这个博客项目旋转木马，它想要查询x数量的项目和x数量的偏移量(跳过第一个x号)。
这大概就是我现在所拥有的。但是我不知道如何在GraphQL查询中传递变量
import React from "react"
import {graphql, useStaticQuery} from "gatsby";
import BlockCarousel from "../blockCarousel/blockCarousel";
const BlockCa
浏览 5提问于2020-03-08得票数 3
我正试图在我的React组件中构造一个GraphQL查询，我需要限制返回的结果数量。我在gatsby-node.js文件中的"createPage“函数的"context”属性中设置了限制值。
在我的React组件中，我可以看到limit属性是通过"props.pageContext.limit“传入的。我需要获取这个限制值，并将其传递给React组件底部的GraphQL查询
下面是我尝试过的方法，但它不起作用，如果我在查询中省略了limit值，那么它将返回所有结果。
//gatsby-node.js
...
const postsPerPage = 3
浏览 17提问于2019-07-25得票数 0
我的脚本设置如下： "start-dev": "npm-run-all -p client server db",
"client": "gatsby develop",
"server": "nodemon server.js",
"db": "json-server db.json" 因此，对于开发，我有一个由json-server提供服务的模拟数据库和一个由json-server提供服务的端点。所以我按照docs安装了这个插件。并对插件进行如下配置： {
浏览 22提问于2020-07-15得票数 1
我在盖茨比中使用createPages API来创建页面。我得到了所有页面的模板：
const pageTemplate = require.resolve(`./src/templates/page/WpPage.js`)
但是，我不太确定如何在模板文件中使用组件。类似于：
import { Herotext } from "./hero/herotext"
const WpPage = ({ data }) => {
const { wpPage } = data
return (
<>
<Layout>
浏览 0提问于2021-04-23得票数 1
回答已采纳
我已经被困了好几个小时了，我不知道出了什么问题。我是GraphQL和盖茨比的新手。 我有一个正在尝试呈现的JSON文件。每个对象都有其自己的url路径。我可以使用GraphQL查询数据，在我的gatsby-node.js文件中设置CreatePages，然后在我的模板文件中再次查询，但由于某种原因，我只能在模板文件中获得null。 我很确定我也正确地使用了gatsby-plugin-transformer-json。我现在手足无措。任何帮助都是非常感谢的。 gatsby-node.js /**
* Implement Gatsby's Node APIs in this file.
浏览 14提问于2019-03-11得票数 0
我正在设置一个，并在gatsby-config.js中对siteMetadata进行了更改。
siteMetadata: {
title: `my blog`,
description: `A Blog starter`,
author: `dan`,
authorTagline: 'Learning',
social: {
twitter: `asdfg`,
},
我还删除了content文件夹中的所有内容，以便添加自己的博客文章。到目前为止，content是一个空文件夹。
现在，在gatsby develop上
浏览 8提问于2021-03-03得票数 2
我在Gatsby.js中有一个插件Gatsby.js (React)。看起来是这样的：
/* file: gatsby-browser.js */
const typeWriting = () => {
new Typewriter('#intro-typing', {
strings: ['Drupal', 'WordPress', 'OpenCart'],
});
}
export const onInitialClientRender = () => {
typeWriting();
}
我想
浏览 2提问于2021-02-25得票数 0
2回答
我在我的项目中使用Gatsby。我正在尝试创建一个需要分页的页面。
我遵循了这个和另一个指南以及如何做到这一点，但它不工作。
我在gatsby-node.js上有多个查询
exports.createPages = async ({ graphql, actions, page }) => {
const { createPage } = actions
const shop = path.resolve("./src/templates/shop.js")
const productPageTemplate = path.resolve("
浏览 2提问于2020-07-02得票数 2
使用新的gatsby-plugin-image，我很难从理智中获取图片。说要执行以下操作：
import React from 'react'
import {getGatsbyImageData} from 'gatsby-source-sanity'
import {GatsbyImage} from 'gatsby-plugin-image'
const Person = ({data}) => {
const imageData = getGatsbyImageData(data.sanityPerson.profileIma
浏览 2提问于2021-04-10得票数 4
回答已采纳
我一直在遵循这个Gatsby教程来根据我的CMS创建的标记文件动态创建页面：
我不明白blogTemplate.js文件中的GraphQL查询是如何接收$path变量的。我可以看到，gatsby-node.js中的createPages函数根据自己的GraphQL查询结果创建页面，并使用“path”前沿元素为创建的页面选择URL。
但是，创建的页面如何知道自己的路径？本教程中名为pageQuery的查询使用$path变量来获取自己的数据，但我看不出它是如何接收该变量的。谢谢您的任何解释。
浏览 1提问于2020-05-08得票数 0
回答已采纳
我正在使用来自Gatsby的“Gatsby-source- Prismic graphql”插件将我的棱镜存储库与一个组件连接起来，并将博客帖子数据显示为卡片。查询在GraphiQL中运行良好，但是当我将GraphQL查询实现到组件中时，Gatsby不能识别查询中的“棱镜”。 我尝试过显示其他数据，如站点元数据，但没有出现任何问题 下面是Git存储库：https://github.com/ENEIV/PrometheusIgnis gatsby-config.js // Prismic CMS
{
resolve: `gatsby-source-prismic-graph
浏览 16提问于2019-08-28得票数 1
回答已采纳
我正在为gatsby-transformer-remark开发一个插件。在我的插件中，我从备注转换器中获取数据，并创建一个新类型的graphql节点。当我启动该站点并在上打开GraphIQL时，我可以看到我的插件的新节点及其数据。但是，当我尝试在Gatsby页面组件中访问该节点的数据时，graphql查询为该节点类型返回null。为什么数据没有出现在我的页面上的graphql查询中？我不能在Remark插件中创建新的graphql节点吗？Remark gatsby插件API提供了创建节点所需的方法。
我在这个链接上有一个最小的复制回购。有关运行它并查看问题的说明，请参阅自述文件。
我使用cr
浏览 1提问于2020-02-07得票数 1
我将一个道具传递给一个新组件，并试图使用它来执行graphql查询。它看起来像这样。
import React from "react"
import { graphql, useStaticQuery } from "gatsby"
import Img from "gatsby-image"
const ComponentName = props => {
const getImage = graphql`
{
image: file(relativePath: { eq: ${props.img} }) {
chil
浏览 3提问于2020-01-19得票数 3
回答已采纳
1回答
我已经为我的个人产品页面创建了页面查询。
它确实去一个单独的产品，我想添加一个过滤器，如果多个产品有相似的SKU，我需要显示他们。查询在Grphiql接口中运行良好，但在代码中只显示一个节点。
Grahiql查询
query ($id: String, $sku: String) {
productsCsv(id: {eq: $id}) {
id
name
productCategory
sizes
sku
stock
instock
description
colors
templateKey
pri
浏览 2提问于2021-05-18得票数 3
回答已采纳
我在试这个。但是使用String!得到了错误，Errors: Variable "$slug" of required type "String!" was not provided.甚至查询(下面在本地主机上工作得很好:8000/_graphql)。然后我尝试了不带字符串的String。然后错误就消失了，但我总是得到相同的内容，那就是markdown的信息。
有没有人有办法解决这个问题？
我的回购：
先谢谢你，
错误
import { useStaticQuery, graphql } from "gatsby";
export cons
浏览 0提问于2019-08-09得票数 2
我正在尝试查询文件夹中的所有图像，并使用tailwindCSS和gatsby-image在卡片网格中显示它们。我已经能够查询并显示一张图像，但是当我尝试对图像文件夹执行此操作时，我收到错误消息"TypeError: Cannot read property 'edges‘of undefined“，尽管该查询在GraphQL资源管理器中可用。我已经阅读了文档，看了其他教程，并尝试了这么多不同的方法，现在都不知道哪里出了问题。任何帮助都是非常感谢的！
import React from "react";
import { graphql } from "g
浏览 15提问于2019-11-19得票数 1
我正处于使用gatsby-strapi工具链创建应用程序的第一个点，并且像往常一样，我希望在控制台上记录查询数据。但由于某些原因，只记录了一个数字。查询可以在Graphql仪表板(http://localhost:8000/___graphql)中正常工作，也可以在DOM中打印。那是什么号码？怎么一回事？代码如下： import React from "react"
import { graphql } from "gatsby"
import Layout from "../components/layout"
const IndexPage
浏览 16提问于2020-07-19得票数 2
回答已采纳
我试着在盖茨比运行Graphql游乐场。
我的配置：
"scripts": {
"develop": "GATSBY_GRAPHQL_IDE=playground gatsby develop",
"start": "gatsby develop",
"build": "gatsby build",
"serve": "gatsby serve",
"clean": "gatsby c
浏览 12提问于2022-11-14得票数 0
我为这件事挣扎了很长一段时间。使用gatsby-source-git插件，我可以使用allMarkdownRemark在graphQL查询中从存储库中获取所有的标记内容--没有必要使用allFile指令。
但是盖茨比的方法也有问题。在我的配置中我有：
{
resolve: 'gatsby-source-filesystem',
options: {
name: 'markdown-pages',
path: `${__dirname}/mdsource`,
},
},
{
浏览 2提问于2020-04-02得票数 1
上面的标题是错误消息，下面是代码。我在Gatsby上的一个教程中遇到了这个问题。我不知道是否有人知道发生了什么，并能告诉我发生了什么。我对发生了什么事一无所知。对不起. import React from 'react'
import { graphql } from 'gatsby'
import Layout from '../components/layout'
import { parseImageUrl } from '@conradlin/notabase/src/utils'
export default ({
浏览 13提问于2020-12-14得票数 0
我正在使用gatsby与wordpress作为一个无头CMS抓取所有media图像，并显示在盖茨比页面。然而，在我上传到wordpress上的3张图片中，只有两张是使用gatsby使用graphql获取的。
react组件中的graphql查询：
const data = useStaticQuery(graphql`
query MediaQuery {
allWpMediaItem {
nodes {
localFile {
childImageSharp {
id
浏览 2提问于2021-09-29得票数 0
回答已采纳
在gatsby网站中的graphql查询中，我从Strapi CMS中获取数据，我得到了以下错误。
语法错误:预期名称，找到字符串"“gatsby
以下是代码：
export const Query = graphql`
{
source {
people(where: {isSupport: true}) {
name
photo {
url
}
surname
isSupport
}
}
`
使用上面的查询，我试图获取支持团队的成员，但是我得到了这个错误语法错误:
浏览 0提问于2020-11-05得票数 0
我试着用gatsby-source-sanity和gatsby-image从理智中获取图像。在过去，我没有遇到像这样查询fluid图像资产的问题：
export const query = graphql`
query {
allSanityPicture {
nodes {
image {
asset {
fluid(maxWidth: 900) {
...GatsbySanityImageFluid
}
}
}
浏览 1提问于2021-04-11得票数 2
1回答
我是GraphQL和Gatsby的新手，希望了解在我的Gatsby项目中“连接”来自两个不同来源的数据的编程方法。我有一个albums.json文件，我按如下方式查询该文件：
query MyQuery {
allAlbumsJson(sort: {fields: releaseDate, order: DESC}) {
edges {
node {
id
title
slug
releaseDate
}
}
}
}
我还有一个用于每个专辑的markdown文件，它的路径是动态生成的
浏览 0提问于2021-04-22得票数 1
1回答
我不明白为什么我的查询都不适用于我的Gatsby项目。 import React from "react"
import { graphql } from "gatsby"
const site_info = () => {
const query = graphql`
query title {
allSite {
edges {
node {
siteMetadata {
ti
浏览 11提问于2020-07-13得票数 0
这是我的第一个问题，希望我做得对。我正在试着为我的woocommerce做一个gatsby前端，一切都很好。到目前为止，我的所有查询都工作得很好，但是当我进行查询以获取购物车信息时，它总是在我的localhost://8000/_graphql上为空，但在wp的graphiql中我可以很好地看到它。
这是我的gatsby-config，我想这就是问题所在。
siteMetadata: {
title: "shopone",
},
plugins: [
{
resolve: `gatsby-source-wordpress`,
浏览 17提问于2021-02-20得票数 0
回答已采纳
我是GraphQL的usingGatsby。获取未知字段错误，如下所示：
GraphQL Error Encountered 2 error(s):
- Unknown field 'allBlogPost' on type 'Query'. Source: document `homeAymanDesktopFirstSrcPagesIndexJs2258072279` file: `GraphQL request`
GraphQL request:3:3
2 | {
3 | posts: allBlogPost {
浏览 0提问于2021-02-11得票数 2
我使用Strapi作为无头CMS，并使用Gatsby + Graphql构建我的前端。我有一个“块呈现器”组件，它在strapi中呈现任何动态区域。
import React from "react"
import { graphql } from "gatsby"
import BlockHero from "./block-hero"
import BlockParagraph from "./block-paragraph"
import BlockSplitFeature from "./block-split-f
浏览 6提问于2022-08-04得票数 3
回答已采纳
这是我第一次尝试使用盖茨比v2。我有一个由netlify cms创建的test.md文件，它位于上面的文件系统中的博客文件夹中。
此外，我还可以使用浏览器中的GraphiQL查询数据，如上面所示。
我得到了一个博客文章列表(1)，这是一个链接，但是没有生成的页面可以访问。当我运行gatsby build时，会得到一个错误。
为页生成静态HTML失败
6 | }) {
7 | const { markdownRemark } = data // data.markdownRemark holds our post data
> 8 | const { fr
浏览 0提问于2018-11-06得票数 3
回答已采纳
我是Graphql的新手，但是不能用静态查询/ useStaticQuery从Drupal中查询GraphQL中的任何东西。页面查询工作得很好，但是我希望避免在页面中工作的限制。 Gatsby-source-drupal已连接，我可以在localhost/_graphql中看到填充的字段。 当我将信息硬编码到Gatsby-config.js module.exports中时，静态查询可以很好地工作。如果不是，我会一次又一次地收到相同的错误，无论在哪里或在什么类型的配置中都是如此。 如有任何建议，我们将不胜感激。 import { Link } from "gatsby"
im
浏览 15提问于2019-09-12得票数 0
回答已采纳
我想做一些类似以下的事情，这样我就可以动态地获取Gatsby Images： const image = 'gastby-astronaut.png';
export const imageQuery = graphql`
{ allImageSharp (
filter: {
fluid: {
originalName: {
regex: "/${image}/"
}
}
}
){
edges {
node {
fluid {
浏览 15提问于2019-03-13得票数 3
回答已采纳
所以我有一个图像组件，可以渲染两个不同的图像，但我希望能够将图像组件添加到任何页面，并将特定图像作为道具传递进来，而不是必须为我需要使用的每个图像硬编码一个新的查询。 如果我有50张图片，我只想把image-50.jpg作为一个道具传入，而不是对它进行特定的查询。有没有办法在gatsby中使用graphql做到这一点？ 下面是我当前的图像组件代码 import { graphql, useStaticQuery } from "gatsby"
import Img from "gatsby-image"
import Rea
浏览 31提问于2020-09-16得票数 1
在Gatsby中，如何创建使用gatsby-source-graphql插件加载的数据的解析器。我在查询解析器中的数据时遇到了麻烦。这可以做到吗？任何关于我遗漏的建议都将是有帮助的。
在gatsby-node.js中类似这样的内容...
exports.createResolvers = ({ createResolvers }) => {
createResolvers({
Query: {
getStructure: {
type: `Structure`,
async resolve(source, args, context
浏览 1提问于2019-12-09得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
