GraphQL 响应 returns [Object] 而不是数据

Question

GraphQL 的新手并将其用于 return 来自 Wordpress API 的数据。在 GraphiQL Wordpress IDE 中创建查询时，它 return 是正确的数据，但是当我在 NEXTJS 应用程序中实现查询并执行 console.log 时，我看到 [Object] 而不是响应中的数据。我很困惑为什么它在使用 IDE 创建查询时正确显示，但在实现时不会按预期呈现数据。

我的设置：

//apollo-client.js

import { ApolloClient, InMemoryCache } from '@apollo/client';

const client = new ApolloClient({
    uri: `${process.env.NEXT_PUBLIC_GRAPH_QL}`,
    cache: new InMemoryCache({
        addTypename: false,
    }),
});

export default client;

//index.ts
import { gql } from '@apollo/client';
import client from '../../apollo-client';

export async function getStaticProps() {
  const { data } = await client.query({
    query: gql`
      query getPosts {
       posts(first: 20) {
        nodes {
         title
          featuredImage {
           node {
            sourceUrl
           } 
          }
         }
        }
      }
    `,
  });

  return {
    props: {
      posts: data
    },
 };

console.log(posts):

{
  posts: {
    nodes: [
      [Object], [Object], [Object],
      [Object], [Object], [Object],
      [Object], [Object], [Object],
      [Object], [Object], [Object],
      [Object], [Object], [Object],
      [Object], [Object], [Object],
      [Object], [Object]
    ]
  }
}

Answer 1

如果您真的想查看 console.log 中存在的实际数据，您可以使用

console.log(JSON.stringify(posts)):

您还可以使用

访问特定对象

console.log(data.posts.nodes):

GraphQL 响应 returns [Object] 而不是数据

GraphQL response returns [Object] instead of data

wordpress

reactjs

graphql

next.js