反応クエリでpersistQueryClientを使用するにはどうすればよいですか?

Question

<p>React Query を使用して API 呼び出しを行っていますが、ページをリロードすると状態が失われます。私は Stack Overflow に、react-query でデータを永続化する方法があるかどうかを尋ねる質問を投稿し、誰かがpersistQueryClientを使用してそれを行うことができると答えましたが、ドキュメントを読んでみましたが、それがどのように機能するのかまだ理解していません。誰かこれを説明できますか？ </p><p>persistQueryClient の詳細については、次のリンクを参照してください: https://tanstack.com/query/v4/docs/react/plugins/persistQueryClient</p><p>< ;br /><

Answer 1

persistQueryClient は標準の queryClient のラッパーで、localStorage などのストレージ メディアにキャッシュを永続化します。

QueryClient を定義して永続化するには、次のものが必要です:

1. キャッシュ時間が長いクエリ クライアントを作成します。

2. パーシスターを作成します。

3. クエリ クライアントとパーシスターをpersistQueryClientでラップします。

次は、ドキュメントで提供されている例です:

リーリー