/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

5 votes231 views4 answers
How to get url in react
Javascript React
21 votes209 views3 answers
Map function in react
Javascript React
4 votes230 views2 answers
Hide status bar react native
Javascript React
0 vote211 views1 answer
Empty div react
Javascript React
0 vote204 views1 answer
Bottom tab navigator react native transparent
Javascript React
3 votes210 views2 answers
Yup checking phone number is valid react
Javascript React
0 vote161 views1 answer
React native pdf creater html-to-pdf
Javascript React
47 votes214 views3 answers
How to comment in the react javascript
Javascript React
0 vote218 views1 answer
Basic react code
Javascript React
1 vote237 views2 answers
React Context API
Javascript React