useOverlayListener

一般的に使用されるオーバーレイフックの構成。

インポート#


import { useOverlayListener } from 'primereact/hooks';

基本#

このフックは、useClickOutside、useOverlayScrollListener、および useResizeListenerの機能を組み合わせて、別の要素を基準に配置されたポップアップを処理します。


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