26 lines
449 B
Markdown
26 lines
449 B
Markdown
---
|
|
id: query-cancellation
|
|
title: Query Cancellation
|
|
ref: docs/framework/react/guides/query-cancellation.md
|
|
---
|
|
|
|
[//]: # 'Example7'
|
|
|
|
```ts
|
|
const query = useQuery({
|
|
queryKey: ['todos'],
|
|
queryFn: async ({ signal }) => {
|
|
const resp = await fetch('/todos', { signal })
|
|
return resp.json()
|
|
},
|
|
})
|
|
|
|
const queryClient = useQueryClient()
|
|
|
|
function onButtonClick() {
|
|
queryClient.cancelQueries({ queryKey: ['todos'] })
|
|
}
|
|
```
|
|
|
|
[//]: # 'Example7'
|