React Query를 사용하여 API 호출을 하고 있는데 페이지를 다시 로드하면 상태가 손실됩니다. React-Query에서 데이터를 유지하는 방법이 있는지 묻는 질문을 Stack Overflow에 게시했는데 누군가 persistQueryClient를 사용하여 수행할 수 있다고 대답했지만 문서를 읽어 보았지만 여전히 작동 방식을 이해하지 못했습니다. 누구든지 이것을 설명할 수 있나요?
persistQueryClient에 대해 자세히 알아보려면 다음 링크를 참조하세요: https://tanstack.com/query/v4/docs/react/plugins/persistQueryClient
< ;br />
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
persistQueryClient는 localStorage와 같은 일부 저장 매체에 캐시를 유지하는 표준 queryClient를 둘러싼 래퍼입니다.
QueryClient를 정의하고 지속하려면 다음이 필요합니다.
1. 캐시 시간이 긴 쿼리 클라이언트를 만듭니다.
2. 지속기를 만듭니다.
3. persistQueryClient에 쿼리 클라이언트와 지속자를 래핑합니다.
문서에서 제공하는 예는 다음과 같습니다.
으아악