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

Improve useBeforeUnload story, #220

Browse Source
This commit is contained in:
Ward Oosterlijnck 2019-04-11 13:39:05 +10:00
parent 048030d855
commit 409db4f2d1
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/__stories__/useBeforeUnload.story.tsx
View File

@ -1,14 +1,16 @@
import {storiesOf} from '@storybook/react';
import * as React from 'react';
import {useBeforeUnload} from '..';
import {useToggle, useBeforeUnload} from '..';
import ShowDocs from './util/ShowDocs';
const Demo = () => {
useBeforeUnload();
const [dirty, toggleDirty] = useToggle(false);
useBeforeUnload(dirty, 'You have unsaved changes, are you sure?');
return (
<div>
Try to reload or close tab
{dirty && 'Try to reload or close tab'}
<button onClick={() => toggleDirty()}>{dirty ? 'Disable' : 'Enable'}</button>
</div>
);
};