Ошибка типа: невозможно прочитать свойство 'изображение' из неопределенного - React & Gatsby

Question

В настоящее время я пытаюсь получить некоторые данные из Contentful в своем приложении реакции и продолжаю получать следующее сообщение об ошибке TypeError: Невозможно прочитать свойство 'изображение' из неопределенного.

Не могу понять, почему я это понимаю.

Вот мой компонент запроса - просто пытаюсь получить имя файла:

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>
    )}
  />
)

Answer 1

data.allContentfulImage.edges содержит массив объектов вместо того, чтобы быть объектом. Вы можете попробовать:

<h1>{data.allContentfulImage.edges[0].node.image.file.fileName}</h1>