Использование Gatsby-изображения на массиве из уценки

Question

Я использую Gatsby, и у меня есть изображения, на которые есть ссылки в каждом файле уценки в массиве.Я хотел бы иметь возможность использовать Gatsby-image для преобразования этих изображений, но не могу заставить его работать с массивом.

Я могу заставить это работать при работе с одним изображением из уценки

У меня есть этот запрос, чтобы получить данные:

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

У меня есть это из уценки

mainImage: './images/1.jpg'

images: ['1', '2', '3', '4', '5', '6']

Я могу заставить gatsby-image нормально работать с mainImage, но не могу заставить запрос работать с массивом.

Я хотел бы иметь возможность заставить gatsby-image работать с массивом и преобразовывать каждое изображение.

Answer 1

Вы можете использовать формат YAML во frontmatter следующим образом:

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"

Вы получите массив.