/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 vote396 views1 answer
Easy REACT download image
Javascript React
1 vote417 views1 answer
How to delete an object from array in reactjs
Javascript React
0 vote386 views1 answer
Shortcut to format reactjs visual studio
Javascript React
91 votes449 views7 answers
React-router-dom
Javascript React
0 vote345 views1 answer
React useState vs variable
Javascript React
0 vote382 views1 answer
Edit json text react
Javascript React
3 votes500 views3 answers
Center horizontally react native
Javascript React
0 vote484 views1 answer
Pass status of checkbox to a function react js
Javascript React
0 vote386 views1 answer
React input mask ref
Javascript React
0 vote409 views1 answer
How to validate password and confirm password on react form hook
Javascript React