Wordpress 盖茨比麻烦

我正在运行一个静态查询，如下所示：

    <StaticQuery query={graphql`
query MyQuery {
  allWordpressWpApiMenusMenusItems {
    edges {
      node {
        id
        name
        items {
          title
          object_slug
        }
      }
    }
  }
}
  `} render={data => (

      {data.allWordpressWpApiMenusMenusItems}
    //   {props.allWordpressWpApiMenusMenusItems.edges[0].node.items.map(
    //       item => (
    //          <div to={`/${item.object_slug}`} key={item.title}>
    //               {item.title}
    //          </div> 
    //       )
    //   )}
  )} />

(
{data.allWordpressWpApiMenusMenusItems}
//{props.allWordpressWpApiMenusMenusItems.edges[0].node.items.map(
//项目=>(
//          
//{item.title}
//           
//       )
//   )}
)} />

但是我得到了以下错误，尽管我相信我的graphQL查询是准确的，因为它在IDE中工作

Generating development JavaScript bundle failed

/Users/Zack/Desktop/wp-gatsby/beautiful-gatsby-site/src/components/MainMenu.js:
Unexpected token, expected "," (26:11)

  24 |   `} render={data => (
  25 | 
> 26 |       {data.allWordpressWpApiMenusMenusItems}
     |            ^
  27 |     //   {props.allWordpressWpApiMenusMenusItems.edges[0].node.items.map(
  28 |     //       item => (
  29 |     //          <div to={`/${item.object_slug}`} key={item.title}>

File: src/components/MainMenu.js:26:11

生成开发JavaScript包失败
/Users/Zack/Desktop/wp-gatsby/beauty-gatsby-site/src/components/main-menu.js：
意外标记，应为“，”（26:11）
24 | `render={data=>(
25 | 
>26 |{data.allWordpressWpApiMenusMenusItems}
|            ^
27 |/{props.allWordpressWpApiMenusMenusItems.edges[0].node.items.map(
28 |//项=>(
29 |     //          
文件：src/components/MainMenu.js:26:11

有人知道为什么会发生这种情况/我能做些什么来解决吗

---

谢谢

StaticQuery正在呈现一个组件，因此它需要一个有效的表达式。您需要将该语句包装在某个内容中

    <StaticQuery query={graphql`
query MyQuery {
  allWordpressWpApiMenusMenusItems {
    edges {
      node {
        id
        name
        items {
          title
          object_slug
        }
      }
    }
  }
}
  `} render={data => {
      return <div>
      {data.allWordpressWpApiMenusMenusItems}
       {props.allWordpressWpApiMenusMenusItems.edges[0].node.items.map(
           item => (
              <div to={`/${item.object_slug}`} key={item.title}>
                   {item.title}
              </div> 
           )
       )}
    </div>
  }} />

{
返回
{data.allWordpressWpApiMenusMenusItems}
{props.allWordpressWpApiMenusMenusItems.edges[0].node.items.map(
项目=>(
{item.title}
)
)}
}} />

我继续得到错误，所以我运行了` render={data=>（{JSON.stringify（data）}）`这给了我{“allWordpressWpApiMenusMenusItems”：{“edges”：[{“node”：{“id”：“d96288ab-a0ef-55d8-9488-a53de2e81900”，“name”：“footer menu”，“items”：[]}，{“node”：{“id”：“1ebe3ee1-4a02-5c32-8bc1-63ef981dd499”，“name”：“主菜单”，“items”：[{“title”：“Home”，“object_slug”：“Home”}，{“title”：“Portfolio”，“object_slug”：“Portfolio”}]}}当我尝试渲染到目前为止还没有成功时，我认为这样做是正确的。但是，数据到达正确，但是，由于对象的嵌套，您可以直接渲染，可能您需要在之前处理一下。至少我们保存了最初的问题，谢谢：）如果问题已经解决了，就考虑接受/投票。你只需要休息来处理你的数据并做出正确的循环。