Reactjs 在markdown中的数组上使用Gatsby图像

我使用的是盖茨比，在数组中的每个标记文件中都引用了图像。我希望能够使用盖茨比图像转换这些图像，但无法使其与阵列一起工作

我可以在使用markdown中的单个图像时使用它

我使用此查询获取数据：

query($slug: String!) {
    markdownRemark(fields: { slug: { eq: $slug } }) {
      html
      frontmatter {
        id
        category
        title
        path
        prices
        salePercent
        images
      }
    }
  }

我从降价中得到了这个

main图像：'./images/1.jpg'

图像：['1'，'2'，'3'，'4'，'5'，'6']

我可以让盖茨比图像与主图像配合使用，但无法让查询与数组配合使用

---

我希望能够让盖茨比图像处理阵列并转换每个图像。

您可以在frontmatter中使用YAML格式，如下所示：

images:
- image: "home-DSC_0035.jpeg"
  image_alt: "beautiful photo"
- image: "home-DSC_0045.jpg"
  image_alt: "This is better"
- image: "home-DSC_0043.jpg"
  image_alt: "This is much better"

---

您将获得阵列。

您好，感谢您的回复。我现在已经解决了这个问题。是我太愚蠢了。我只需要引用数组中的实际图像路径和名称，效果非常好。谢谢你抽出时间。