/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 vote139 views1 answer
Code in nested forEach loop- react native
Javascript React
0 vote126 views1 answer
React native on expo finger print is working bt not in apk
Javascript React
0 vote150 views1 answer
React native firebase
Javascript React
0 vote93 views4 answers
React node sequilize
Javascript React
0 vote131 views1 answer
How to draw a long underline in react native
Javascript React
2 votes135 views2 answers
Create stack navigator has been moved to react-navigation-stack
Javascript React
12 votes135 views1 answer
Suspense react
Javascript React
0 vote170 views2 answers
React typed js
Javascript React
5 votes129 views2 answers
Lazy loading react
Javascript React
1 vote146 views1 answer
How to create a button with react
Javascript React