/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

0 vote298 views2 answers
React js http post 500 internal server error
Javascript React
1 vote350 views1 answer
Change icon color react native elements
Javascript React
-1 vote320 views1 answer
React slick npm
Javascript React
0 vote323 views1 answer
Reactjs facebook login popup trigger on load page
Javascript React
0 vote274 views1 answer
OnClick={ (window.open react js
Javascript React
0 vote339 views1 answer
React roter dom npm
Javascript React
0 vote301 views1 answer
Render eror cant find variable: react
Javascript React
3 votes301 views3 answers
Chart js react
Javascript React
0 vote309 views1 answer
Switch button react value
Javascript React
2 votes307 views1 answer
Adding font awesome to npm or react
Javascript React