reactjs - 如何在 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 代码代码片段

Answer 1

在您的代码段中，您似乎忘记node在mediaItemUrl

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