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

use effect with event listener

barisx answered on August 16, 2022 Popularity 4/10 Helpfulness 4/10

answer use effect with event listener

use effect with event listener

Comment

const cbRef = useRef(handleUserKeyPress);
useEffect(() => { cbRef.current = handleUserKeyPress; }); // update each render
useEffect(() => {
    const cb = e => cbRef.current(e); // then use most recent cb value
    window.addEventListener("keydown", cb);
    return () => { window.removeEventListener("keydown", cb) };
}, []);

Popularity 4/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: event-listener javascript use-effect

Link to this answer
Share Copy Link