/Javascript/React/Add event listener react hooks

Add event listener react hooks

import { useEffect } from "react"

export default function useEvent(event, handler, passive = false) {
  useEffect(() => {
    // initiate the event handler
    window.addEventListener(event, handler, passive)

    // this will clean up the event every time the component is re-rendered
    return function cleanup() {
      window.removeEventListener(event, handler)
    }
  })
}

Source: atomizedobjects.com

Similar codes

7 votes368 views1 answer
React native hide scroll indicator
Javascript React
7 votes401 views4 answers
React native textinput disable keyboard
Javascript React
0 vote366 views1 answer
React state deconstructed
Javascript React
-1 vote388 views1 answer
What is the use of consrtructors in reactjs
Javascript React
0 vote374 views1 answer
How to take out text from array of strings in react
Javascript React
0 vote426 views1 answer
Passing argument to function handler functional compoent javascript react
Javascript React
0 vote397 views1 answer
Get id button clicked react
Javascript React
2 votes387 views4 answers
Multiple export in react
Javascript React
0 vote393 views1 answer
React Native BUILD FAILED on run-ios
Javascript React
108 votes402 views2 answers
Make react project
Javascript React