removeQueries
-
이건 무효야! Query InvalidationFE/React Query 2023. 12. 6. 23:50
React Query는 데이터를 캐싱하여 불필요한 API 호출을 줄여줍니다. useQuery로 데이터를 읽어오고, useMutation으로 데이터를 추가, 수정, 삭제할 수 있습니다. 이때, useMutation으로 데이터를 변경한다고 해서 useQuery가 바로 데이터를 새로 읽어오지 않습니다. 왜냐하면 캐싱 한 데이터를 계속 사용하고 있기 때문입니다. 자세히 알아보기 전에 react query의 데이터 흐름을 잠깐 먼저 살펴보겠습니다. React Query의 데이터 흐름 react query에서의 데이터 상태는 아래와 같은 흐름을 가지고 있습니다. fetching: 데이터 요청 상태 fresh: 데이터가 만료되지 않은 상태 stale: 데이터가 만료된 상태 inactive: 사용하지 않는 상태 del..