Gatsby Query createPage контекстные параметры из шаблона страницы

Question

Я пытаюсь запросить, через props или graphql, пару ключ-значение, которую я тестирую внутри опции контекста из функции createPage Гэтсби.См. Код:

 createPage({
        path: node.frontmatter.path,
        component: blogPostTemplate,
        context: {
          mycontext: "My Context James",
        }, // additional data can be passed via context
      })

Мой запрос на странице выглядит следующим образом:

export const pageQuery = graphql`
  query($path: String!) {
    markdownRemark(frontmatter: { path: { eq: $path } }) {
      html
      frontmatter {
        date(formatString: "MMMM DD, YYYY")
        path
        title
      }
    }
  }
`

Как запросить контекст, а также узлы html и frontmatter?

Многиеспасибо

Answer 1

Передать контекст на страницы .Если есть сомнения, проверьте документы.

import React from 'react'
import { graphql } from 'gatsby'

const Page = ({ data, pageContext }) => {
  return (
    <>
      <p>Context: { pageContext.mycontext }<p>
      <p>Title: { data.markdownRemark.frontmatter.title }<p>
    </>
  )
}

export default Page

export const pageQuery = graphql`
  query($path: String!) {
    markdownRemark(frontmatter: { path: { eq: $path } }) {
      html
      frontmatter {
        date(formatString: "MMMM DD, YYYY")
        path
        title
      }
    }
  }
`