Skip to content

useUnmount

useUnmount 是一个自定义 Hook,用于在组件卸载时执行回调函数。
它在 React 的 useEffect 清理阶段触发,适合做资源释放、事件解绑、取消订阅等操作。

使用场景

  • 组件卸载时清理定时器
  • 解绑全局事件监听
  • 取消网络请求

用法

tsx
import React, { useState } from 'react'
import { useUnmount } from '@gracefront/hooks'

export default () => {
  const [visible, setVisible] = useState(true)

  useUnmount(() => {
    console.log('组件已卸载,执行清理逻辑')
  })

  return (
    <>
      {visible && <p>我是一个组件</p>}
      <button onClick={() => setVisible(false)}>卸载组件</button>
    </>
  )
}