useResizeListener

ウィンドウのサイズ変更イベントを追跡します。

インポート#


import { useResizeListener } from 'primereact/hooks';

基本#

ブラウザウィンドウのサイズを変更して、サイズ変更イベントに関する情報を表示します。

幅: 0高さ: 0


const [bindWindowResizeListener, unbindWindowResizeListener] = useResizeListener({
    listener: (event) => {
        setEventData({
            width: event.currentTarget.innerWidth,
            height: event.currentTarget.innerHeight,
        })
    }
});