archive-gh-me/react-use
1
0
Fork 0
mirror of https://github.com/streamich/react-use.git synced 2026-01-18 14:06:52 +00:00
Code Issues Projects Releases Wiki Activity

Align useAsync and useAsyncRetry demos

Browse Source
This commit is contained in:
Ward Oosterlijnck 2019-03-31 13:06:31 +11:00
parent 2c49244537
commit e448d0d4f7
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/__stories__/useAsync.story.tsx
View File

@ -10,13 +10,15 @@ const fn = () => new Promise<string>((resolve) => {
});
const Demo = () => {
const {loading, value} = useAsync<string>(fn);
const {loading, error, value} = useAsync<string>(fn);
return (
<div>
{loading
? <div>Loading...</div>
: <div>Value: {value}</div>
: error
? <div>Error: {error.message}</div>
: <div>Value: {value}</div>
}
</div>
);

12
src/__stories__/useAsyncRetry.story.tsx
View File

@ -19,13 +19,13 @@ const DemoRetry = () => {
return (
<div>
{loading?
<div>Loading...</div>
: error?
<div>Error: {error.message}</div>
: <div>Value: {value}</div>
{loading
? <div>Loading...</div>
: error
? <div>Error: {error.message}</div>
: <div>Value: {value}</div>
}
<a href='javascript:void 0' onClick={() => retry()}>Retry</a>
<button onClick={() => retry()}>Retry</button>
</div>
);
};