UserQuery

Get the unique identifier (id), name, and email of the current user logged in.

Usage

import { UserQuery } from 'nr1';

Examples

Declarative query

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

    const { id, email, name } = data;

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

Imperative query

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

Props

children

function

Render prop function as a child.

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

fetchPolicyType

enum

Allows you to specify how you want your query to interact with the cached data.

CACHE_AND_NETWORK: The query returns your initial data from the cache if available. However, regardless of whether or not the full data is in your cache, the query always makes a request using your network interface and returns the updated data. This option is not available when using the static query() method of the component.
CACHE_FIRST: The query makes a request using your network interface only if the data for your query is not already in the cache.
CACHE_ONLY: The query never makes a request using your network interface. Instead it returns the data available in the cache. If the data for your query does not exist in the cache, then an error is thrown.
NETWORK_ONLY: The query never returns your initial data from the cache. Instead it always makes a request using your network interface.
NO_CACHE: The query never returns your initial data from the cache. Instead it always makes a request using your network interface. Unlike the NETWORK_ONLY policy, it does not write any data to the cache after the query completes.
<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

number

Interval in milliseconds to poll for new data. Set to zero to avoid any kind of regular polling.

skip

boolean

When set to true, the query will be skipped entirely from rendering.

Methods

`UserQuery.query`

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

Type definitions

`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.
}

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