Reactjs 如何在React GraphQL中显示嵌套查询？

我正在React中工作，试图将嵌套的GraphQL查询转换为列表

到目前为止，在GraphiQL中，下面的查询正在生成我要查找的内容的顺序和一般结构。基本上，对于每个

标记

，我希望显示

字段值

，然后在每个

标记

下，我希望列出具有该

标记的每个项目的
节点.fields.slug

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

到目前为止，我唯一能正确工作的部分是列出每个
标记
：

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

{data.articles.group.map（{tag}）=>(

{tag}

))}

我该如何将每个标签的项目列在相应的标签名下面？
我实际上已经找到了答案。我以写作结束

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

{data.articles.group.map（{tag，edges}）=>(

{tag}
{edges.map（{node}）=>(
{node.frontmatter.title}
))}

))}
放置应显示的数据。您将获得有关使用react而非graphql的人员的帮助。地图应该像这样位于
内部
{data.articles.group.map（{tag}=>（
{tag}
）}
其他方面，你正在创建许多
但是你想要
你可以把一个地图放在另一个里面。