Graphql查询在控制台中记录一个数字

Graphql查询在控制台中记录一个数字,graphql,gatsby,Graphql,Gatsby,我正处于使用gatsby strapi工具链制作应用程序的第一步,像往常一样,我希望在控制台上记录查询数据。但由于某些原因,只记录了一个数字。查询在Graphql仪表板中正常工作(http://localhost:8000/___graphql)也可以在DOM中打印。那个号码是多少?发生了什么事? 代码如下: import React from "react" import { graphql } from "gatsby" import Layout f

我正处于使用gatsby strapi工具链制作应用程序的第一步,像往常一样,我希望在控制台上记录查询数据。但由于某些原因,只记录了一个数字。查询在Graphql仪表板中正常工作(http://localhost:8000/___graphql)也可以在DOM中打印。那个号码是多少?发生了什么事? 代码如下:

import React from "react"
import { graphql } from "gatsby"
import Layout from "../components/layout"
const IndexPage = ({data}) => (
  <Layout>
    <SEO title="Home" />
    <h1>Hi people</h1>
    <div>{JSON.stringify(data)}</div>
  </Layout>
)

export default IndexPage

export const pageQuery = graphql`
query MyQuery {
  allStrapiCategory {
    edges {
      node {
        createdAt
        name
      }
    }
    totalCount
  }
}
`
console.log("Returned data: "+ pageQuery)
这个结果也将在DOM中打印出来(在该div中)。 最后,这是控制台记录的内容:


返回的数据:1435490915

您的GraphQL数据将通过道具注入您的页面。尝试将其注销,您应该会看到GraphQL查询的结果

import React from "react"
import { graphql } from "gatsby"
import Layout from "../components/layout"
const IndexPage = ({data}) => {
console.log("Returned data: "+ data)
return (
  <Layout>
    <SEO title="Home" />
    <h1>Hi people</h1>
    <div>{JSON.stringify(data)}</div>
  </Layout>
)
}

export default IndexPage

export const pageQuery = graphql`
query MyQuery {
  allStrapiCategory {
    edges {
      node {
        createdAt
        name
      }
    }
    totalCount
  }
}
`
从“React”导入React
从“盖茨比”导入{graphql}
从“./组件/布局”导入布局
常量IndexPage=({data})=>{
log(“返回的数据:”+数据)
返回(
大家好
{JSON.stringify(数据)}
)
}
导出默认索引扩展
export const pageQuery=graphql`
查询我的查询{
全域{
边缘{
节点{
创建数据
名称
}
}
总数
}
}
`

执行
console.log(“Returned data:+pageQuery)
时,您看到记录了一个数字的原因可能是因为Gatsby内部将graphql标记的模板文本转换为一个数字供内部使用。

没错。数据存在于组件内部。谢谢:)@robertcooper
import React from "react"
import { graphql } from "gatsby"
import Layout from "../components/layout"
const IndexPage = ({data}) => {
console.log("Returned data: "+ data)
return (
  <Layout>
    <SEO title="Home" />
    <h1>Hi people</h1>
    <div>{JSON.stringify(data)}</div>
  </Layout>
)
}

export default IndexPage

export const pageQuery = graphql`
query MyQuery {
  allStrapiCategory {
    edges {
      node {
        createdAt
        name
      }
    }
    totalCount
  }
}
`