UserQuery

Obtenez l'identifiant unique (id), le nom et l'e-mail de l'utilisateur actuel connecté.

Usage

import { UserQuery } from 'nr1';

Exemples

Requête déclarative

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

    const { id, email, name } = data;

    return (
      <p>
        Id: {id} - Email: {email} - Name: {name}
      </p>
    );
  }}
</UserQuery>;

Requête impérative

UserQuery.query().then(({ data }) => console.log(data));

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 ofUserQuery.FETCH_POLICY_TYPE.CACHE_AND_NETWORK, UserQuery.FETCH_POLICY_TYPE.CACHE_FIRST, UserQuery.FETCH_POLICY_TYPE.CACHE_ONLY, UserQuery.FETCH_POLICY_TYPE.NETWORK_ONLY, UserQuery.FETCH_POLICY_TYPE.NO_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.

skip

booléen

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

Méthodes

`UserQuery.query`

function (props: Object Object containing the query options. Any UserQuery 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;}