如何解决StaticQuery Gatsby 麻烦
我正在按如下方式运行 StaticQuery:
Main Activity
但我收到以下错误,即使我相信我的 graphQL 查询是准确的,因为它在 IDE 中工作
<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>
// )
// )}
)} />
有谁知道为什么会发生这种情况/我可以做些什么来解决?
谢谢
解决方法
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>
}} />
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。