react-use-confirm-leave

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

Usage no npm install needed!

<script type="module">
  import reactUseConfirmLeave from 'https://cdn.skypack.dev/react-use-confirm-leave';
</script>

README

react-use-confirm-leave

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

NPM JavaScript Style Guide

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