Skip to main content

useResizeObserver

ResizeObserver 使用hooks，提供 useEffect 自动绑定解绑方式 和 手动绑定方式

安装​

npm install @jelper/hooks

引入​

import { useResizeObserver } from '@jelper/hooks';

样例​

基础用法​

useResizeObserver:
useResizeObserverHandler:

API​

useResizeObserver​

参数说明类型默认值版本
useResizeObserver监听dom size变化UseResizeObserver--
useResizeObserverHandler监听dom size变化UseResizeObserverHandler--

Interface​

UseResizeObserver​

type UseResizeObserver<T extends HTMLElement > = (
  domRef: React.RefObject<T>,
  cb: (dom: ResizeObserverEntry) => void
) => (
  () => void
)

UseResizeObserverHandler​

type UseResizeObserverHandler = () => [
  (target: HTMLElement, cb: (dom: ResizeObserverEntry) => void) => void, 
  (target: HTMLElement) => void
]