passing variable in usestaticquery
// Using StaticQuery instead of useStaticQuery
import React from "react"
import Img from "gatsby-image"
import { StaticQuery } from "gatsby"
export default ({ src }) => {
<StaticQuery
query={graphql`
query HeadingQuery($src: String!) {
File(relativePath: { eq: $src }) {
childImageSharp { ...etc }
}
`}
render={data => (
<Img fixed={data.path.to.query} />
)}
/>
}Are there any code examples left?
New code examples in category Javascript
Relative searches
"usestaticquery" with variable
usestaticquery with variable
gatsby pass a variable in query
"Gatsby" insert a variable in a query
gatsby usestaticquery pass parameter
pass variables to static query graphql
gatsby pass variable to static query
Add variables attr into StaticQuery
pass props to graphql query gatsby
gatsby static query variable
staticQuery variables gatsby
StaticQuery variable
pass variable in staticQuery
maxWidth as variable in gatsby guery
pass max Width as variable in gatsby
pass maxWidth as variable in gatsby
gatsby graphql staticGuery variables
gatsby graphql staticquery variables
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() method to determine which image we want to use by its name
"const match = useMemo(() => data.allFile.edges.find((node: Node) => src === node.relativePath), [ data, src, ])"
gatsby useStaticQuery variable
"pass variables to useStaticQuery"
pass variables to useStaticQuery
pass variables to StaticQuery
Using Variables in a useStaticQuery
passing props to staticquery graphql
static query pass variable
usestaticquery gatsby passing variables
add ability to pass variables to useStaticQuery
how to pass param to gatsby in query
gatsby use static query variables
gatsby graphql default varable
gatsby static query variables allDataJson
gatsby static query variables
passing variable in usestaticquery
