Skip to content

Commit 2574cfc

Browse files
committed
chore(README): update usage example
1 parent fc54a48 commit 2574cfc

File tree

2 files changed

+23
-12
lines changed

2 files changed

+23
-12
lines changed

README.md

Lines changed: 22 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -13,18 +13,31 @@ npm install --save react-use-cancel-token
1313
## Usage
1414

1515
```tsx
16-
import * as React from 'react'
16+
import * as React from 'react';
17+
import axios from 'axios';
1718

18-
import { useMyHook } from 'react-use-cancel-token'
19+
import useCancelToken from 'react-use-cancel-token';
1920

2021
const Example = () => {
21-
const example = useMyHook()
22-
return (
23-
<div>
24-
{example}
25-
</div>
26-
)
27-
}
22+
const { newCancelToken, cancelPreviousRequest, isCancel } = useCancelToken();
23+
24+
const handleClick = async () => {
25+
cancelPreviousRequest();
26+
27+
try {
28+
const response = await axios.get('request_url', { cancelToken: newCancelToken() });
29+
30+
if (response.status === 200) {
31+
// handle success
32+
}
33+
} catch (err) {
34+
if (isCancel(err)) return;
35+
console.error(err);
36+
}
37+
};
38+
39+
return <button onClick={handleClick}>send request</button>;
40+
};
2841
```
2942

3043
## License

example/src/App.js

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,9 +16,7 @@ const App = () => {
1616
try {
1717
const response = await axios.get(
1818
`https://api.github.com/search/repositories?q=${keywords}&sort=stars&order=desc`,
19-
{
20-
cancelToken: newCancelToken(),
21-
}
19+
{ cancelToken: newCancelToken() }
2220
);
2321

2422
if (response.status === 200) {

0 commit comments

Comments
 (0)