/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

3 votes267 views1 answer
React native netinfo
Javascript React
2 votes340 views1 answer
Dot env react native
Javascript React
0 vote336 views1 answer
React Fractional rating
Javascript React
2 votes329 views1 answer
React refresh page every second
Javascript React
0 vote288 views1 answer
ReactNative onPress doesn't exist
Javascript React
0 vote342 views1 answer
React router route not found redirect
Javascript React
0 vote326 views1 answer
Map of filtered data react
Javascript React
0 vote322 views1 answer
Format react code in visual studio code
Javascript React
0 vote323 views1 answer
React native add two view
Javascript React
5 votes279 views2 answers
React hook form
Javascript React