javascript - GatsbyJS 和 Contentful : data coming up undefined

Question

我的布局文件夹中有一个 Header 组件，并进行了查询以提取一些数据。但是，当我控制台注销 this.props.data 时，我得到的结果是“未定义”。我哪里错了？我在查询中忘记了什么吗？

Header 组件的代码:

import React, { Component } from 'react'

export default class Header extends Component {
    render() {

        console.log(this.props.data)

      return (
         code for component
      );
    }
  }

  export const headerQuery = graphql`
    query headerQuery {
        allContentfulBlogPost {
            edges {
                node {
                    postTitle
                    postDate
                }
            }
            totalCount
        }
    }
`

Answer 1

您只能通过页面组件上的 pageQuery 导出从 Gatsby 获取数据。无法在其他组件中获取数据。这是允许 Gatsby 静态编译您的数据所必需的。