/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

2 votes221 views1 answer
Display image as big as possible react native
Javascript React
3 votes205 views2 answers
React native width auto
Javascript React
0 vote220 views1 answer
React router history not defined
Javascript React
1 vote231 views1 answer
React native scrollview sticky header
Javascript React
92 votes223 views6 answers
React router dom
Javascript React
1 vote285 views1 answer
Running scripts is disabled on this system react js
Javascript React
0 vote223 views1 answer
React chart js 2 api data
Javascript React
2 votes222 views1 answer
How to see if a web site is useing react
Javascript React
1 vote314 views1 answer
Failed to transform react-native-reanimated-65.aar
Javascript React
0 vote172 views0 answer
React
Javascript React