useUnmountedRef

作用

判断当前组件是否已经卸载

原理

使用useRef定义一个初始值，然后在组件卸载时修改这个值，这样在组件卸载后，这个值就是true了，然后将这个值返回出去

源码

ts

import { useEffect, useRef } from 'react'

const useUnmountedRef = () => {
  const unmountedRef = useRef(false)
  useEffect(() => {
    unmountedRef.current = false
    return () => {
      unmountedRef.current = true
    }
  }, [])
  return unmountedRef
}

export default useUnmountedRef