我正在构建我的第一个反应站点,使用带有 prismic.io 的 gatsby 作为我的新闻部分的 CMS。
在 prismic 中,我在每个新闻报道中使用切片作为引用和特色图片,并希望尝试将这些数据提取到我的页面中,但是我不确定如何定位我在相关const
内容中创建的特定片段名称已为每个设置。
GraphQL 查询
export const query = graphql`
query ($slug:String){
prismicNewsStory (uid:{eq: $slug}) {
data {
body {
__typename
... on PrismicNewsStoryBodyQuote {
primary {
quote {
text
}
}
}
... on PrismicNewsStoryBodyFeaturedImage {
primary {
featured_image {
url
}
}
}
}
}
}
}
`
定位常量
const quote = props.data.prismicNewsStory.data.body[0].primary.quote.text
const featured_image = props.data.prismicNewsStory.data.body[1].primary.featured_image.url
featured_image
由于切片在 prismic 中是可选的,因此当在 a之前添加 a时,我遇到了一些新闻报道的问题quote
,使它们在body
.
问题
每个内部是否有const
针对特定片段的方法,或者我有更好的方法来做到这一点?