У меня есть 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
компоненте класса?