/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 vote148 views1 answer
React moment time ago
Javascript React
5 votes192 views2 answers
Remove underline from link i react
Javascript React
12 votes190 views3 answers
Get value of input react
Javascript React
1 vote241 views1 answer
How to delete element at a particular index of array in react js
Javascript React
0 vote240 views1 answer
React unfocus check
Javascript React
0 vote192 views2 answers
React native view background transparency
Javascript React
0 vote185 views1 answer
How to write unit test cases in react js
Javascript React
1 vote190 views2 answers
Prevstate in react
Javascript React
3 votes193 views1 answer
Pass element from child to parent react
Javascript React
0 vote165 views2 answers
Why we use react js
Javascript React