[解決済み] Apollo graphQLのuseQueryとuseLazyQueryの違いは何ですか?
質問
Apollo Reactのフックのドキュメントを見ていました。
そして、2つのクエリフックがあることを知りました。
useQuery
と
useLazyQuery
このページを読んでいて https://www.apollographql.com/docs/react/api/react/hooks/
この2つの違いは何か、どのような場合に使用するのか、どなたか教えてください。
どのように解決するのですか?
いつ
useQuery
がコンポーネントによって呼び出されると、その後にクエリがトリガされます。
しかし
useLazyQuery
が呼ばれた場合、その後にクエリを起動することはなく、代わりに手動でクエリを起動するために使用できる関数を返します。
これについては、このページで説明しています。
https://www.apollographql.com/docs/react/data/queries/#executing-queries-manually
Reactがマウントしてレンダリングする際に
useQuery
フックを使用すると、Apollo Clientは指定されたクエリを自動的に実行します。
しかし、ユーザーがボタンをクリックするなど、別のイベントに反応してクエリを実行したい場合はどうすればよいでしょうか?
その場合は
useLazyQuery
フックは、コンポーネントのレンダリング以外のイベントに応答してクエリを実行するのに最適です。
このフックは、ちょうど
useQuery
ただし、1つだけ重要な例外があります。
useLazyQuery
が呼び出されても、すぐに関連する
クエリです。
その代わり、結果タプルの中に関数を返すので、クエリを実行する準備ができたときにいつでも呼び出すことができます。
関連
-
[解決済み] FontAwesomeの無料パッケージに含まれているアイコンのオブジェクト名はどこにあるのですか?
-
[解決済み] Next.jsでWebSocketを利用する
-
[解決済み] ReactJS: Warning: setState(...): 既存の状態遷移の間に更新することはできません
-
[解決済み] sh: react-scripts: npm start の実行後にコマンドが見つからない。
-
[解決済み] react jsでウィンドウを開くイベントを処理するにはどうすればよいですか?
-
[解決済み] ReactのHashRouterとBrowserRouterの違いは何ですか?
-
[解決済み] React NativeとReactの違いは何ですか?
-
[解決済み] npxとnpmの違い?
-
[解決済み] Reactのstateとpropsの違いとは?
-
[解決済み】React vs ReactDOM?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】React Propsが定義されていません。
-
[解決済み] configuration.module に未知のプロパティ 'loaders' があります。
-
[解決済み] material-ui-pickers KeyboardDatePicker をモーメントで使用するには?
-
[解決済み] リアクトです。<tr>は<td>の子として表示できません。コメント > td > tr を参照してください。
-
[解決済み] React JS Jestで「SyntaxError: 予期しないトークン"
-
[解決済み] React TypeScriptで作業しているときに、Jestが予期しないトークンに遭遇した
-
[解決済み] ReactJs "インバリアント違反..." リアクトの古典的な問題
-
[解決済み] は、gatsby-imageで動作する良いreactのカルーセルコンポーネントはありますか?[って聞かれます。]
-
[解決済み] React Router - バージョン更新後のwithRouterでTypescriptエラーが発生する。
-
[解決済み] reactのuseStateフックでコールバックを使う方法 [重複]。