В настоящее время я пытаюсь получить некоторые данные из Contentful в моем приложении для реагирования и продолжаю получать эту ошибку TypeError: Cannot read property 'image' of undefined.
Кажется, не понимаю, почему я это понимаю.
Вот мой компонент запроса - просто пытаюсь ввести имя файла:
import React from 'react'
import { StaticQuery, graphql } from 'gatsby'
export default () => (
<StaticQuery
query = {graphql`
query FileQuery {
allContentfulImage {
edges {
node {
image {
file {
fileName
}
}
}
}
}
}
`}
render = {data => (
<div>
<h1>{data.allContentfulImage.edges.node.image.file.fileName}</h1>
</div>
)}
/>
)





data.allContentfulImage.edges содержит массив объектов вместо того, чтобы быть объектом. Можешь попробовать:
<h1>{data.allContentfulImage.edges[0].node.image.file.fileName}</h1>