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

Refactor useBeforeUnload with window.addEventListener

Browse Source 
Remove message param from useBeforeUnload examples.
This commit is contained in:
Ilia Lesik 2019-04-10 21:54:42 +03:00
parent a428a15eb9
commit 7653597a37
3 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/useBeforeUnload.md
View File

@ -9,7 +9,7 @@ React side-effect hook that shows browser alert when user try to reload or close
import {useBeforeUnload} from 'react-use';
const Demo = () => {
useBeforeUnload('Are you sure?');
useBeforeUnload();
return null;
};

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

@ -4,7 +4,7 @@ import {useBeforeUnload} from '..';
import ShowDocs from './util/ShowDocs';
const Demo = () => {
useBeforeUnload('Are you sure?');
useBeforeUnload();
return (
<div>

13
src/useBeforeUnload.ts
View File

@ -2,15 +2,14 @@ import {useEffect} from "react";
const useBeforeUnload = (message?: string) => {
useEffect(() => {
window.onbeforeunload = e => {
e.returnValue = message;
return message;
const beforeUnload = (e) => {
e.preventDefault();
e.returnValue = message || "";
};
return () => {
window.onbeforeunload = null;
return;
}
window.addEventListener("beforeunload", beforeUnload);
return () => window.removeEventListener("beforeunload", beforeUnload);
}, [message]);
};