可以从UI中的strapi显示显示的数据，但可以使用Next.js在控制台中看到它们

Question

我正在尝试使用NextJS作为前端从Strapi检索数据。问题是我无法在UI上显示它们，但是我可以在控制台中看到它们。

我使用GraphQl来查询数据：

query {
    menus(filters: {language: {code: {eq: "en"}}}) {
        data {
            attributes {
              Entry {
                title
                link
              }
            }
        }
    }
}

，我得到了：

{
  "data": {
    "menus": {
      "data": [
        {
          "attributes": {
            "Entry": [
              {
                "title": "home",
                "link": "/home.html"
              },
              {
                "title": "classes",
                "link": "./calss.html"
              },
              {
                "title": "events",
                "link": "/events.html"
              },
              {
                "title": "news",
                "link": "/news.html"
              },
              {
                "title": "reosurces",
                "link": "./resources.html"
              },
              {
                "title": "links",
                "link": "./links.html"
              }
            ]
          }
        }
      
      ]
    }
  }
}

，这就是UI处理的方式：

const mainMenuAdapter = (menuData) => {
  
  return menuData.map(md => {
    const entry = md['attributes']['Entry']
    console.log('title',  entry)
      return {
        link: entry.link,
        title: entry.title,
      }
    })
  }

使用usecontext;

 const { menuData } = useContext(GlobalContext)
  const menus = mainMenuAdapter(menuData)

我在此处 是处理映射的方式。

   <div className="bg-green-400 relative filosofia_regular bg-grayDark flex-wrap md:flex flex-row items-end md:justify-around p-2 lg:justify-evenly text-center mx-auto w-full">
        {!!menus && menus.map((menu, i) => {
          return (
            <div key={i}>
              <Link href="/">
                <a className="text-gray-100 px-2 text-sm lg:text-2xl xl:text-4xl whitespace-nowrap">
                  {t(menu.title)}
                </a>
              </Link>
              {i < menus.length - 1 && (
                <a className="text-white">|</a>
              )}
            </div>
          );
        })}
      </div>

这是控制台。

(6) [{…}, {…}, {…}, {…}, {…}, {…}]
0:
link: "/home.html"
title: "home"
__typename: "ComponentEntryComEntry"
[[Prototype]]: Object
1: {title: 'classes', link: './calss.html', __typename: 'ComponentEntryComEntry'}
2: {title: 'events', link: '/events.html', __typename: 'ComponentEntryComEntry'}
3: {title: 'news', link: '/news.html', __typename: 'ComponentEntryComEntry'}
4: {title: 'reosurces', link: './resources.html', __typename: 'ComponentEntryComEntry'}
5: {title: 'links', link: './links.html', __typename: 'ComponentEntryComEntry'}
length: 6
[[Prototype]]: Array(0)

有人可以告诉我我缺少什么吗？

谢谢