在 Gatsby 模板的查询中引用 GraphQL 变量？

Question

I am aggregating all posts that have a certain tag in it's tag list:

export const Search = graphql`
  query SearchResults($tag: String = "") {
    allMarkdownRemark(filter: { frontmatter: { tags: { in: [$tag] } } }) {
      nodes {
        frontmatter {
          title
          date
        }
      }
    }
  }
`

The query works great, but I want to also be able to dynamically show the tag that is being queried for. How can I pass this information through?

For example: Searching results for tag: Java which would be the value inside $tag in the graphql query.

I tried to pull from the URL, but it's rendered in node, so I don't have access to the window object and it felt a bit hacky anyway.

Answer 1

I got it. Passing in props.pageContext gives you access to the contextual information passed in via gatsby-node.