useBeforeUnload

beforeUnload 事件 hook

代码演示

基本用法

disabled

Live Editor

Copy

function Example() { const [enabled, setEnabled] = useState(false) useBeforeUnload(enabled) return ( <div> <span>{ enabled ? 'enabled' : 'disabled' }</span> <Button style={{ marginLeft: 10 }} onClick={() => setEnabled(!enabled)} > { enabled ? 'Disable' : 'Enable' } </Button> </div> ) }

function Example() {
  const [enabled, setEnabled] = useState(false)
  useBeforeUnload(enabled)
  return (
    <div>
      <span>{ enabled ? 'enabled' : 'disabled' }</span>
      <Button
        style={{ marginLeft: 10 }}
        onClick={() => setEnabled(!enabled)}
      >
        { enabled ? 'Disable' : 'Enable' }
      </Button>
    </div>
  )
}

API

type UseBeforeUnload = (enabledOrMessage?: boolean | string, message?: string) => void