mirror of
https://github.com/streamich/react-use.git
synced 2025-12-08 18:02:14 +00:00
23 lines
494 B
Markdown
23 lines
494 B
Markdown
# `useBeforeUnload`
|
|
|
|
React side-effect hook that shows browser alert when user try to reload or close the page.
|
|
|
|
|
|
## Usage
|
|
|
|
```jsx
|
|
import {useBeforeUnload} from 'react-use';
|
|
|
|
const Demo = () => {
|
|
const [dirty, toggleDirty] = useToggle(false);
|
|
useBeforeUnload(dirty, 'You have unsaved changes, are you sure?');
|
|
|
|
return (
|
|
<div>
|
|
{dirty && <p>Try to reload or close tab</p>}
|
|
<button onClick={() => toggleDirty()}>{dirty ? 'Disable' : 'Enable'}</button>
|
|
</div>
|
|
);
|
|
};
|
|
```
|