/Javascript/React/Import { useBeforeunload } from 'react-beforeunload

Import { useBeforeunload } from 'react-beforeunload

React beforeunload

window.addEventListener('beforeunload', (event) => {
  event.returnValue = `Are you sure you want to leave?`;
});

Source: dev.to

React beforeunload

let formChanged = false;
myForm.addEventListener('change', () => formChanged = true);
window.addEventListener('beforeunload', (event) => {
  if (formChanged) {
    event.returnValue = 'You have unfinished changes!';
  }
});

Source: dev.to

Import { useBeforeunload } from 'react-beforeunload

useBeforeunload(() => "You'll lose your data!");

Source: openbase.io

Import { useBeforeunload } from 'react-beforeunload

import { useBeforeunload } from 'react-beforeunload';

Source: openbase.io

Import { useBeforeunload } from 'react-beforeunload

useBeforeunload((event) => event.preventDefault());

Source: openbase.io

Similar codes

4 votes157 views1 answer
How to empty form after submit react
Javascript React
2 votes183 views1 answer
How to clean react native project
Javascript React
4 votes192 views2 answers
React usememo vs usecallback
Javascript React
0 vote246 views1 answer
Custom react native product rating
Javascript React
0 vote183 views1 answer
Web-vitals react
Javascript React
6 votes178 views1 answer
What is key in react
Javascript React
10 votes157 views1 answer
Device height react native
Javascript React
0 vote177 views1 answer
Orderbychild firebase react
Javascript React
108 votes218 views2 answers
Make react project
Javascript React
1 vote191 views2 answers
React alert popup
Javascript React