Gatsby:将状态传递给markdown文件中的链接？

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

export const query = graphql`
  query {
    allMarkdownRemark {
      edges {
        node {
          frontmatter {
            title
            path
          }
        }
      }
    }
  }
`

const BlogPage = ({ data }) => {
  const posts = data.allMarkdownRemark.edges

  return (
    <div>
      {posts.map(({ node }) => (
        <a href={node.frontmatter.path}>{node.frontmatter.title}</a>
      ))}
    </div>
  )
}

export default BlogPage