реакции, Гэтсби - как получить доступ к данным запроса GraphQL в компоненте класса реакции - PullRequest
0 голосов
/ 29 января 2019

У меня есть react компонент с именем 'Header' в /src/components каталоге в gatsby, определенный следующим образом:

import React, { Component } from "react"
import { Link } from 'gatsby'
import { StaticQuery, graphql } from 'gatsby'
import Img from "gatsby-image"
import "./header.css"

class Header extends Component {

        constructor(props) {
            super(props);
        }

        render() {
            return(
                <Img fixed={data.file.childImageSharp.fixed} />
            )
        }
    }

    export default Header

    export const query = graphql`
      query {
        file(relativePath: { eq: "logo.png" }) {
          childImageSharp {
            # Specify the image processing specifications right in the query.
            # Makes it trivial to update as your page's design changes.
            fixed(width: 125, height: 125) {
              base64
            }
          }
        }
      }
    `

Я пытался использовать StaticQuery с компонентом функции, но это не помоглоне работаетИтак, я хочу придерживаться синтаксиса компонента класса.

Здесь запрос выполняется нормально в http://localhost:8001/___graphql

Как получить доступ к данным запроса в react компоненте класса?

...