useUpdate

作用

useUpdate 会返回一个函数，调用该函数会强制组件重新渲染

原理

通过useState来缓存一个状态，然后通过useCallback返回一个函数，调用该函数会修改这个状态，从而触发组件重新渲染

源码

ts

import { useCallback, useState } from 'react'

const useUpdate = () => {
  const [, setState] = useState({})

  return useCallback(() => setState({}), [])
}

export default useUpdate