/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

1 vote284 views3 answers
Antd react
Javascript React
9 votes303 views5 answers
How to add array data on state react
Javascript React
0 vote337 views1 answer
React infinte scroll
Javascript React
1 vote332 views1 answer
How to connect socket in react js
Javascript React
0 vote337 views1 answer
React-router in saga
Javascript React
-1 vote342 views1 answer
Flatlist react native horizontal
Javascript React
0 vote288 views3 answers
How to use keyextractor in flatlist react native
Javascript React
1 vote335 views1 answer
How to use react memo hooks
Javascript React
0 vote327 views1 answer
How to display a calender in react native
Javascript React
0 vote322 views1 answer
How get value of datePicker in react
Javascript React