97 lines
3.6 KiB
TypeScript
97 lines
3.6 KiB
TypeScript
import * as React from 'react'
|
|
import {
|
|
QueryCache as RenamedQueryCache,
|
|
QueryClient as RenamedQueryClient,
|
|
useInfiniteQuery as useRenamedInfiniteQuery,
|
|
useIsFetching as useRenamedIsFetching,
|
|
useIsMutating as useRenamedIsMutating,
|
|
useMutation as useRenamedMutation,
|
|
useQueries as useRenamedQueries,
|
|
useQuery as useRenamedQuery,
|
|
useQueryClient as useRenamedQueryClient,
|
|
} from 'react-query'
|
|
|
|
export const Examples = () => {
|
|
useRenamedQuery('todos')
|
|
useRenamedInfiniteQuery('todos')
|
|
useRenamedMutation('todos')
|
|
useRenamedIsFetching('todos')
|
|
useRenamedIsMutating('todos')
|
|
useRenamedQueries([query1, query2])
|
|
// QueryClient methods
|
|
// --- Instantiated hook call.
|
|
const queryClient = useRenamedQueryClient()
|
|
queryClient.getMutationDefaults('todos')
|
|
queryClient.getQueriesData('todos')
|
|
queryClient.getQueryData('todos')
|
|
queryClient.getQueryDefaults('todos')
|
|
queryClient.getQueryState('todos')
|
|
queryClient.isFetching('todos')
|
|
queryClient.setMutationDefaults('todos', { mutationFn: async () => null })
|
|
queryClient.setQueriesData('todos', () => null)
|
|
queryClient.setQueryData('todos', () => null)
|
|
queryClient.setQueryDefaults('todos', { queryFn: async () => null })
|
|
queryClient.cancelQueries('todos')
|
|
queryClient.fetchInfiniteQuery('todos')
|
|
queryClient.fetchQuery('todos')
|
|
queryClient.invalidateQueries('todos')
|
|
queryClient.prefetchInfiniteQuery('todos')
|
|
queryClient.prefetchQuery('todos')
|
|
queryClient.refetchQueries('todos')
|
|
queryClient.removeQueries('todos')
|
|
queryClient.resetQueries('todos')
|
|
// --- Direct hook call.
|
|
useRenamedQueryClient().getMutationDefaults('todos')
|
|
useRenamedQueryClient().getQueriesData('todos')
|
|
useRenamedQueryClient().getQueryData('todos')
|
|
useRenamedQueryClient().getQueryDefaults('todos')
|
|
useRenamedQueryClient().getQueryState('todos')
|
|
useRenamedQueryClient().isFetching('todos')
|
|
useRenamedQueryClient().setMutationDefaults('todos', {
|
|
mutationFn: async () => null,
|
|
})
|
|
useRenamedQueryClient().setQueriesData('todos', () => null)
|
|
useRenamedQueryClient().setQueryData('todos', () => null)
|
|
useRenamedQueryClient().setQueryDefaults('todos', {
|
|
queryFn: async () => null,
|
|
})
|
|
useRenamedQueryClient().cancelQueries('todos')
|
|
useRenamedQueryClient().fetchInfiniteQuery('todos')
|
|
useRenamedQueryClient().fetchQuery('todos')
|
|
useRenamedQueryClient().invalidateQueries('todos')
|
|
useRenamedQueryClient().prefetchInfiniteQuery('todos')
|
|
useRenamedQueryClient().prefetchQuery('todos')
|
|
useRenamedQueryClient().refetchQueries('todos')
|
|
useRenamedQueryClient().removeQueries('todos')
|
|
useRenamedQueryClient().resetQueries('todos')
|
|
// QueryCache
|
|
// --- NewExpression
|
|
const queryCache1 = new RenamedQueryCache({
|
|
onError: (error) => console.log(error),
|
|
onSuccess: (success) => console.log(success)
|
|
})
|
|
queryCache1.find('todos')
|
|
queryCache1.findAll('todos')
|
|
// --- Instantiated hook call.
|
|
const queryClient1 = useRenamedQueryClient()
|
|
queryClient1.getQueryCache().find('todos')
|
|
queryClient1.getQueryCache().findAll('todos')
|
|
//
|
|
const queryClient2 = new RenamedQueryClient({})
|
|
queryClient2.getQueryCache().find('todos')
|
|
queryClient2.getQueryCache().findAll('todos')
|
|
//
|
|
const queryCache2 = queryClient1.getQueryCache()
|
|
queryCache2.find('todos')
|
|
queryCache2.findAll('todos')
|
|
// --- Direct hook call.
|
|
useRenamedQueryClient().getQueryCache().find('todos')
|
|
useRenamedQueryClient().getQueryCache().findAll('todos')
|
|
//
|
|
const queryCache3 = useRenamedQueryClient().getQueryCache()
|
|
queryCache3.find('todos')
|
|
queryCache3.findAll('todos')
|
|
|
|
return <div>Example Component</div>
|
|
}
|