useOverlayListener

常用覆盖 hooks 的组合。

导入#


import { useOverlayListener } from 'primereact/hooks';

基本#

此 hook 结合了 useClickOutside、useOverlayScrollListener 和 useResizeListener 的功能，以处理相对于另一个元素定位的弹出窗口。


const [bindOverlayListener, unbindOverlayListener] = useOverlayListener({
    target: buttonRef.current,
    overlay: overlayRef.current,
    listener: handleScroll,
    options: { passive: true },
    when: visible
});