Gatsby: कैसे पृष्ठों से gatsby-node.js से एक चर पारित करने के लिए

@ सब से पहले परिकल्पना-जीथब, क्या आप एकल घटकों में डेटा इंजेक्ट करने के लिए createPage एपीआई का उपयोग कर रहे हैं? या वह एकल वास्तव में एक टेम्पलेट है? और शायद आप जो चाहते हैं वह कुछ इस तरह है:

const posts = result.data.allCockpitHello.edges
        const date = new Intl.DateTimeFormat("default", {
          month: "short",
          day: "2-digit",
          year: "numeric",
        }).format(posts.node.cockpitCreated,);
        posts.forEach((post, index) => {
          const previous = index === posts.length - 1 ? null : posts[index + 1].node
          const next = index === 0 ? null : posts[index - 1].node

          createPage({
            path: `/blog/${post.node.Name.value}`,
            component: path.resolve(`./src/components/single.js`),
            context: {
              slug: post.node.Name.value,
              cockpidate:date,
              previousitem:previous,
              nextitem:next,
            },
          })
        })

और single.js :

import React from "React"
import {Link} from "gatsby"

const Single=props=>{
   const {pageContext}= props
   const {slug,cockpidate,nextitem,previousitem}= pageContext
  return (
      <div>
        <h3>{slug}</h3>
         <hr/>
         <h5>created at {cockpidate}</h5>
         <Link to={nextitem}/>next item</Link>
          <Link to={previousitem}/>previousitem</Link>
       <div>
  )
}
export default Single

प्रतिक्रिया देने के लिए स्वतंत्र महसूस करें