Gatsby TypeError - Невозможно прочитать свойство 'id' из неопределенного

Question

Я пытаюсь отобразить результаты из файла JSON и продолжаю получать сообщение об ошибке ниже и не знаю почему. Запрос отлично работает в GraphiQL.

Ошибка: TypeError: Не удается прочитать свойство 'id' из неопределенного

Любые идеи, почему я получаю ошибку?

Вот мойкод:

import React from "react"
import { StaticQuery, graphql } from "gatsby"

    const SecondPage = () => (
      <StaticQuery
        query={graphql`
          query StaticDataQuery {
            allStaticdataJson {
              edges {
                node {
                  id
                }
              }
            }
          }
        `}
        render={data => (
          <div>
            <h1>Graphql test:</h1>
            <p>{data.allStaticdataJson.edges.node.id}</p>
          </div>
        )}
      />
    )

    export default SecondPage

Answer 1

Похоже, вы ожидаете, что allStaticdataJson вернет массив ребер. Если это так, вам нужно перебрать их, чтобы получить доступ к идентификатору каждого узла.

import React from "react"
import { StaticQuery, graphql } from "gatsby"

    const SecondPage = () => (
      <StaticQuery
        query={graphql`
          query StaticDataQuery {
            allStaticdataJson {
              edges {
                node {
                  id
                }
              }
            }
          }
        `}
        render={data => (
          <div>
            <h1>Graphql test:</h1>
            {data.allStaticdataJson.edges.map(edge => {
              <p>{edge.node.id}</p>
            })}
          </div>
        )}
      />
    )

    export default SecondPage