/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 vote375 views1 answer
Get all database react native
Javascript React
9 votes350 views3 answers
React select
Javascript React
64 votes347 views4 answers
How to install react-router-dom in react js
Javascript React
7 votes388 views2 answers
Pass props in react
Javascript React
0 vote397 views1 answer
React native open simulators list
Javascript React
0 vote492 views1 answer
React native load function each time visit screen
Javascript React
0 vote369 views1 answer
Error code ELIFECYCLE REACTJs
Javascript React
3 votes384 views2 answers
How to get current screen name in react native
Javascript React
0 vote370 views1 answer
Javascript react useState update object
Javascript React
0 vote376 views1 answer
React-native-calendars how to mark selected day
Javascript React