/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 vote199 views1 answer
Create-react-app height issues with flex
Javascript React
0 vote216 views1 answer
How to run react build locally
Javascript React
0 vote195 views1 answer
Form changes button enable reactive forms
Javascript React
1 vote216 views1 answer
How to access form values in react
Javascript React
0 vote184 views1 answer
Header logo react native doesn't show
Javascript React
1 vote225 views1 answer
React addeventlistener useeffect
Javascript React
0 vote183 views1 answer
A react component can only return]
Javascript React
9 votes184 views2 answers
Axios react js
Javascript React
0 vote225 views2 answers
Subdomain react app
Javascript React
1 vote202 views1 answer
React native modal not full screen
Javascript React