how to use custom fields from ACF on the page?

[AeShevch]

Greetings!
I can't figure out how to use custom fields from ACF on the page?
I created a custom field with the text type, checked "Show in GraphQL", filled in the field on the page, but nothing similar appeared in the page props.

[AeShevch]

@itsamoreh

Sorry for contacting you directly, but I can't find a solution :((

[itsamoreh]

@AeShevch Sorry for the late reply! Have you added the ACF fields to your query?

For example, if I have a field group that's set to show on pages:

Your GraphQL query for page routes should look something like this:

query PageByID {
  pageBy(pageId: 383) {
    id
    slug
    theCustomFieldName {
      aField
    }
  }
}

The result should look something like this:

{
  "data": {
    "pageBy": {
      "id": "cG9zdDozODM=",
      "slug": "home",
      "theCustomFieldName": {
        "aField": "This is the custom field!"
      }
    }
  },
 ...
}