File tree Expand file tree Collapse file tree 2 files changed +23
-12
lines changed Expand file tree Collapse file tree 2 files changed +23
-12
lines changed Original file line number Diff line number Diff 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
2021const 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
Original file line number Diff line number Diff 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 ) {
You can’t perform that action at this time.
0 commit comments