react-use/docs/useAsync.md
2019-07-17 01:41:00 +10:00

36 lines
606 B
Markdown

# `useAsync`
React hook that resolves an `async` function or a function that returns
a promise;
## Usage
```jsx
import {useAsync} from 'react-use';
const Demo = ({url}) => {
const state = useAsync(async () => {
const response = await fetch(url);
const result = await response.text();
return result
}, [url]);
return (
<div>
{state.loading
? <div>Loading...</div>
: state.error
? <div>Error: {state.error.message}</div>
: <div>Value: {state.value}</div>
}
</div>
);
};
```
## Reference
```ts
useAsync(fn, args?: any[]);
```