react-use-confirm-leave

A react hook to show confirmation dialog when user leave or refresh page

Install

npm install --save react-use-confirm-leave

Usage

import * as React from 'react';

import useConfirmLeave from 'react-use-confirm-leave';

const Example = () => {
  const [needConfirm, setNeedConfirm] = useConfirmLeave(false);

  return (
    <div>
      <input type='text' onchange={() => setNeedConfirm(true)} />
      <button onClick={() => setNeedConfirm(false)}>Save</button>
    </div>
  );
};

License

MIT © JasonHeylon