NerdGraphQuery

Le SDK New Relic fournit des composants de requête basés sur les composants de requête d'ApolloClient. Ces composants constituent une couche d'abstraction facilitant l'interrogation de NerdGraph sans se soucier de la configuration d'Apollo Client et, pour les cas d'utilisation les plus courants, sans avoir à écrire de requête GraphQL.

Un composant de requête générique NerdGraph qui vous permet d'interroger n'importe quoi à partir de NerdGraph.

Usage

import { NerdGraphQuery } from 'nr1'

Exemples

Exemple 1

function render() {
  const query = `
        query($id: Int!) {
            actor {
                account(id: $id) {
                    name
                }
            }
        }
    `;


  const variables = {
    id: 1,
  };


  return (
    <NerdGraphQuery query={query} variables={variables}>
      {({ loading, error, data }) => {
        if (loading) {
          return <Spinner />;
        }


        if (error) {
          return 'Error!';
        }


        return <BlockText>{data.actor.account.name}</BlockText>;
      }}
    </NerdGraphQuery>
  );
}

Accessoires

children

fonction

Rendre la fonction prop comme un enfant.

function (queryResult: QueryResult Results of the query.
) => React.ReactNode

fetchPolicyType

énum.

Vous permet de spécifier comment vous souhaitez que votre requête interagisse avec les données mises en cache.

CACHE_AND_NETWORK: La requête renvoie vos données initiales du cache si elles sont disponibles. Cependant, que les données complètes soient ou non dans votre cache, la requête effectue toujours une demande à l'aide de votre interface réseau et renvoie les données mises à jour. Cette option n'est pas disponible lors de l'utilisation de la méthode statique query() du composant.
CACHE_FIRST: La requête effectue une demande à l'aide de votre interface réseau uniquement si les données de votre requête ne sont pas déjà dans le cache.
CACHE_ONLY: La requête n'effectue jamais de demande à l'aide de votre interface réseau. Au lieu de cela, il renvoie les données disponibles dans le cache. Si les données de votre requête n'existent pas dans le cache, une erreur est générée.
NETWORK_ONLY: La requête ne renvoie jamais vos données initiales à partir du cache. Au lieu de cela, il fait toujours une demande en utilisant votre interface réseau.
NO_CACHE: La requête ne renvoie jamais vos données initiales à partir du cache. Au lieu de cela, il fait toujours une demande en utilisant votre interface réseau. Contrairement à la politique NETWORK_ONLY, aucune donnée n'est écrite dans le cache une fois la requête terminée.
<One ofNerdGraphQuery.FETCH_POLICY_TYPE.CACHE_ET_RÉSEAU, NerdGraphQuery.FETCH_POLICY_TYPE.CACHE_EN_PRIMIER, NerdGraphQuery.FETCH_POLICY_TYPE.CACHE_UNIQUEMENT, NerdGraphQuery.FETCH_POLICY_TYPE.RÉSEAU_UNIQUEMENT, NerdGraphQuery.FETCH_POLICY_TYPE.AUCUN_CACHE, >

pollInterval

nombre

Intervalle en millisecondes pour interroger de nouvelles données. Réglez à zéro pour éviter tout type d'interrogation régulière.

query

chaîne

OBLIGATOIRE

|objet

Requête GraphQL , soit sous forme de chaîne, soit sous forme de document GraphQL analysé dans un AST par la méthode gql de nr1.

import { ngql } from 'nr1';

const query = ngql`
  {
    actor {
      user {
        id
        email
        name
      }
    }
  }
`;

skip

booléen

Lorsqu'il est défini sur true, la requête sera entièrement ignorée du rendu.

unsafeExperimentalNamespaces

string[]

Liste contenant l'espace de nommage expérimental non sécurisé que votre requête choisit d'utiliser.

variables

objet

Objet contenant toutes les variables dont votre requête a besoin pour s'exécuter.

Méthodes

`NerdGraphQuery.query`

function (props: Object Object containing the query options. Any NerdGraphQuery prop is a valid option except children and pollInterval.
) => PromiseQueryResult

Définitions de types

`PromiseQueryResult`

{error: ApolloClient.ApolloError, Runtime error with graphQLErrors and networkError properties.
data: Object, Object containing the result of your query.
fetchMore: function|null, If not null, fetchMore allows you to load more results for your query. New data is merged with previous data.
refetch: function, Refetch the query.
}

`QueryResult`

{loading: boolean, Indicates that the request is in flight.
error: ApolloClient.ApolloError, Runtime error with graphQLErrors and networkError properties.
data: Object, Object containing the result of your query.
fetchMore: function|null, If not null, fetchMore allows you to load more results for your query. New data is merged with previous data.
refetch: function, Refetch the query.
}

Cette traduction automatique est fournie pour votre commodité.

Usage.css-21sua1{background:none;border:none;width:0;padding:0;}