/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

1 vote101 views2 answers
This setstate previous state react
Javascript React
0 vote103 views3 answers
Run react native with debugger breakpoint
Javascript React
0 vote113 views2 answers
Onclick toggle class react
Javascript React
-1 vote105 views2 answers
For loop in react native
Javascript React
0 vote109 views1 answer
Uuid for react native
Javascript React
0 vote105 views1 answer
How to detect if ios is in dark mode react native
Javascript React
0 vote111 views1 answer
Remove duplicate value from map react js
Javascript React
0 vote129 views1 answer
How To Set Opacity of a View In React Native
Javascript React
7 votes130 views2 answers
Import a script to my react componetn
Javascript React
1 vote114 views2 answers
How to not use relative imports in react js
Javascript React