微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Nextjs-WPGraphQL查询菜单中的子级为null

如何解决Nextjs-WPGraphQL查询菜单中的子级为null

WPGraphiQL IDE显示正确的数据,如下所示:

enter image description here

但是当我在前端使用Apollo Client进行相同的查询时,菜单的子级将返回null。

通过查询获取数据

import { useApollo } from "../lib/apolloClient";
import { initializeApollo } from "../lib/apolloClient";
import { gql } from "@apollo/client";
function CustomApp({ pageProps,Component,props }) {
  const apolloClient = useApollo(pageProps.initialApolloState);
  return (
    <>
      {console.log(props)}
    </>
  );
}

CustomApp.getinitialProps = async () => {
  const apolloClient = initializeApollo();

  await apolloClient.query({
    query: gql`
      {
        menu(id: 2,idType: DATABASE_ID) {
          id
          databaseId
          name
          slug
          menuItems {
            nodes {
              databaseId
            }
          }
        }
      }
    `,});

  return {
    props: {
      initialApolloState: apolloClient.cache.extract(),},};
};

控制台:

https://i.stack.imgur.com/UdMVY.png

所有其他节点都可以毫无问题地返回子代。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。