如何在 reactJS 中映射嵌套的 graphQL 查询

Question

我想从这个响应中显示 featuresImage -> mediaItemUrl 我可以映射 authorId 和 title 东西，但是如何获取图像的媒体 URL

const ALL_BLOGS = gql`
 {
  posts(last: 10) {
    nodes {
      authorId
      guid
      title
      commentCount
      commentStatus
      author {
        node {
          name
        }
      }
      date
      pinged
      uri
      featuredImage {
        node {
          mediaItemUrl
        }
      }
    }
  }
}

这里是 ReactJS 代码The code snippet

Answer 1

在您的 sn-p 中，您似乎忘记将 node 放在 mediaItemUrl 之前

{data.blog.featuredImage.map(featuredImage => (
             <li key={featuredImage.node>
                  <h2>{featuredImage.node.mediaItemUrl}</h2>
             </li>
))}