반응 쿼리에서 persistQueryClient를 사용하는 방법은 무엇입니까?

Question

React Query를 사용하여 API 호출을 하고 있는데 페이지를 다시 로드하면 상태가 손실됩니다. React-Query에서 데이터를 유지하는 방법이 있는지 묻는 질문을 Stack Overflow에 게시했는데 누군가 persistQueryClient를 사용하여 수행할 수 있다고 대답했지만 문서를 읽어 보았지만 여전히 작동 방식을 이해하지 못했습니다. 누구든지 이것을 설명할 수 있나요?

persistQueryClient에 대해 자세히 알아보려면 다음 링크를 참조하세요: https://tanstack.com/query/v4/docs/react/plugins/persistQueryClient

< ;br />

Answer 1

persistQueryClient는 localStorage와 같은 일부 저장 매체에 캐시를 유지하는 표준 queryClient를 둘러싼 래퍼입니다.

QueryClient를 정의하고 지속하려면 다음이 필요합니다.

1. 캐시 시간이 긴 쿼리 클라이언트를 만듭니다.

2. 지속기를 만듭니다.

3. persistQueryClient에 쿼리 클라이언트와 지속자를 래핑합니다.

문서에서 제공하는 예는 다음과 같습니다.

으아악