Подтвердить что ты не робот

Цель @relay (pattern: true)

Новое выражение @relay(pattern: true) было введено в журнале изменений для relay.js 0.5.

Но не могу понять из описания и не проверить, что именно он делает, и когда я должен использовать его при написании fatQueries.

Некоторый пример будет очень полезен.

Ответ 1

Рассмотрим запрос GraphQL, например:

viewer {
  friends(first: 10) {
    totalCount
    edges { node { name } }
    pageInfo { hasNextPage }
  }
}

При определении жирного запроса для мутации Relay включение имени поля без указания какого-либо из его подполей сообщает Relay, что любое подполе из этого поля может измениться в результате этой мутации.

К сожалению, опустить аргументы подключения, такие как find, first и last в поле friends, приведет к ошибке проверки в зависимых от соединения аргументах полях edges и pageInfo:

getFatQuery() {
  return Relay.QL`
    fragment on AddFriendMutationPayload {
      viewer { 
        friends { edges, pageInfo }  # Will throw the validation error below
      }
    }
  `;
}

// Uncaught Error: GraphQL validation/transform error ``You supplied the `pageInfo` 
// field on a connection named `friends`, but you did not supply an argument necessary 
// to do so. Use either the `find`, `first`, or `last` argument.`` in file 
// `/path/to/MyMutation.js`.

Вы можете использовать директиву @relay(pattern: true), чтобы указать, что хотите использовать жирный запрос для соответствия шаблону для отслеживаемого запроса, а не использовать его как полноценный запрос.

getFatQuery() {
  return Relay.QL`
    fragment on AddFriendMutationPayload @relay(pattern: true) {
      viewer {
        friends { edges, pageInfo }  # Valid!
      }
    }
  `;
}

Подробнее о мутациях см. ниже: https://facebook.github.io/relay/docs/guides-mutations.html#content