MaxInterview - passing variable in usestaticquery

showing results for - "passing variable in usestaticquery"

1// Using StaticQuery instead of useStaticQuery
2
3import React from "react"
4import Img from "gatsby-image"
5import { StaticQuery } from "gatsby"
6
7export default ({ src }) => {
8  <StaticQuery
9    query={graphql`
10      query HeadingQuery($src: String!) {
11         File(relativePath: { eq: $src }) {
12           childImageSharp { ...etc }
13         }
14    `}
15    render={data => (
16       <Img fixed={data.path.to.query} />
17    )}
18  />
19}

similar questions

reactjs net pass value to react access initialparams react native functional component react custom hook to load data using api apollo server build schema passing parameters to classes passing data variable using ajax declaring variable react hooks react usestate vs variable get data from mulitple query parameters react react parameter value from query string use params in class based component react custom hook refetch data how to add query parameter to url reactjs which router hook will you use to get dynamic parameters from a url 3f apollo usequery refetch with variables

queries leading to this page

since the ability to pass variables to staticquery is not possible in gatsby in this approach we can query all images in advance and use the find 28 29 method to determine which image we want to use by its name add ability to pass variables to usestaticquery gatsby static query variables using variables in a usestaticquery pass variables to usestaticquery 22usestaticquery 22 with variable maxwidth as variable in gatsby guery pass variables to static query graphql 22gatsby 22 insert a variable in a query gatsby pass a variable in query pass variables to staticquery gatsby usestaticquery pass parameter gatsby graphql default varable pass max width as variable in gatsby gatsby graphql staticguery variables how to pass param to gatsby in query gatsby static query variables alldatajson add variables attr into staticquery pass maxwidth as variable in gatsby gatsby graphql staticquery variables usestaticquery with variable 22const match 3d usememo 28 28 29 3d 3e data allfile edges find 28 28node 3a node 29 3d 3e src 3d 3d 3d node relativepath 29 2c 5b data 2c src 2c 5d 29 22 static query pass variable pass variable in staticquery gatsby static query variable gatsby usestaticquery variable gatsby use static query variables passing props to staticquery graphql pass props to graphql query gatsby usestaticquery gatsby passing variables gatsby pass variable to static query 22pass variables to usestaticquery 22 staticquery variables gatsby passing variable in usestaticquery staticquery variable passing variable in usestaticquery