Как отобразить вложенные запросы в React GraphQL?

Question

Я работаю в React, пытаюсь превратить свой вложенный запрос GraphQL в список.

Пока что в GraphiQL следующий запрос создает порядок и общую структуру того, что я ищу. По сути, для каждого tag я хочу отобразить fieldValue, а затем под каждым tag я хочу перечислить node.fields.slug для каждого элемента, который имеет tag.

query MyQuery {
  allMarkdownRemark {
    group(field: frontmatter___tags) {
      tag: fieldValue
      totalCount
      edges {
        node {
          fields {
            slug
          }
          frontmatter {
            title
          }
        }
      }
    }
  }
}

. пока единственная часть, которую я получил для правильной работы, - это перечисление каждого tag:

{data.articles.group.map(({ tag }) => (
    <ul>
        <li>{ tag }</li>
    </ul>
))}

Как мне go узнать, какие элементы каждого тега перечислены под соответствующим именем тега?

Answer 1

Я на самом деле понял это. Я закончил писать

{data.articles.group.map(({ tag, edges }) => (
    <ul>
        <h3>{ tag }</h3>
        { edges.map(({ node }) => (
            <li>{node.frontmatter.title}</li>
        ))}
    </ul>
))}