Breaking News: Grepper is joining You.com. Read the official announcement!

apollo uselazyquery oncompleted

Magnificent Macaque answered on April 29, 2022 Popularity 9/10 Helpfulness 4/10

answer apollo uselazyquery oncompleted

apollo uselazyquery oncompleted

Comment

import React from 'react';
2
import { useLazyQuery } from '@apollo/client';
3

4
function DelayedQuery() {
5
  const [getDog, { loading, error, data }] = useLazyQuery(GET_DOG_PHOTO);
6

7
  if (loading) return <p>Loading ...</p>;
8
  if (error) return `Error! ${error}`;
9

10
  return (
11
    <div>
12
      {data?.dog && <img src={data.dog.displayImage} />}
13
      <button onClick={() => getDog({ variables: { breed: 'bulldog' } })}>
14
        Click me!
15
      </button>
16
    </div>
17
  );
18
}

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: www.apollographql.com

Tags: apollo javascript

Link to this answer
Share Copy Link