ACF repeater structure

[jonnymaceachern]

• I have custom ACF Gutenberg blocks, each with ACF fields
• I'm looking to retrieve these blocks and their ACF field data (so I can loop over them and render a respective React component)
• I used the following query:

  query Page {
  page(id: "1", idType: DATABASE_ID) {
  blocksJSON
  }
  }

  If I parse the returned blocksJSON, I get an array of Gutenberg blocks and their associated data:

• For ACF repeater fields, I was hoping they would be returned as an array of objects, for example:

  {
  "slides": [
      {
          "heading": "Slide 1",
          "body": "This is the content for slide 1",
          "link": {
              "target": "",
              "title": "Read more",
              "url": "/slide-1/"
          }
      },
      {
          "heading": "Slide 2",
          "body": "This is the content for slide 2",
          "link": {
              "target": "",
              "title": "Read more",
              "url": "/slide-2/"
          }
      }
  ]
  }

  ...but that doesn't appear to be the case.

Can I adjust my query so that the returned repeater fields are nested hierarchically, as opposed to the flat, key-dependent structure pictured in the screenshot?

[jonnymaceachern]

I fixed my issue.

I hadn't enabled the setting that exposes the ACF field group that my block was using:

I've gone ahead and enabled this setting, provided it a name (acf), and updated my query:

query Page {
  page(id: "1", idType: DATABASE_ID) {
    ... on AcfSliderBlock {
      acf {
        slides {
          body
          heading
          link {
            target
            title
            url
          }
        }
      }
    }
  }
}