Breaking News: Grepper is joining You.com. Read the official announcement!

react window.addEventListener

Sefat Alam answered on June 23, 2022 Popularity 9/10 Helpfulness 5/10

answer react window.addEventListener

react window.addEventListener

Comment

-1

import React, { useEffect, useState } from 'react';

function MyApp () {

    const [offset, setOffset] = useState(0);

    useEffect(() => {
        const onScroll = () => setOffset(window.pageYOffset);
        // clean up code
        window.removeEventListener('scroll', onScroll);
        window.addEventListener('scroll', onScroll, { passive: true });
        return () => window.removeEventListener('scroll', onScroll);
    }, []);

    console.log(offset); 
};

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: javascript

Link to this answer
Share Copy Link