/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

9 votes225 views3 answers
React select
Javascript React
0 vote256 views1 answer
React developer cvs
Javascript React
0 vote237 views2 answers
React firebase hooks
Javascript React
0 vote239 views3 answers
Difference between React.functioncomponent and React.component
Javascript React
37 votes194 views5 answers
React sass
Javascript React
3 votes241 views2 answers
React router active link css
Javascript React
3 votes241 views1 answer
How to use react-fontawesome
Javascript React
2 votes406 views2 answers
Select option in reactive forms
Javascript React
0 vote247 views3 answers
How to copy an arry react
Javascript React
5 votes239 views3 answers
How to open a new tab in react
Javascript React