/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

0 vote373 views1 answer
Pagination hook react
Javascript React
0 vote365 views1 answer
Js map vs react js map
Javascript React
0 vote404 views1 answer
Show and hide div based on radio button click react
Javascript React
0 vote373 views1 answer
Node_modules/react-native-paper/lib/module/core/Provider.js
Javascript React
0 vote411 views1 answer
Url in listitem react
Javascript React
0 vote429 views1 answer
Stop playing music when page is closed react
Javascript React
0 vote421 views1 answer
How to imporrt Browserrouter in react
Javascript React
1 vote372 views1 answer
Proactive vs reactive
Javascript React
0 vote395 views1 answer
How to bound a state variable to a field react final form
Javascript React
3 votes379 views2 answers
React get data attribute from element
Javascript React