/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 vote187 views1 answer
React inlinle style set background image
Javascript React
0 vote130 views1 answer
Liquid indicators in react native
Javascript React
0 vote136 views0 answer
React
Javascript React
0 vote188 views1 answer
React break out of useeffect
Javascript React
0 vote245 views1 answer
Usb react native device not found
Javascript React
2 votes185 views2 answers
Fullcalendar react add event duration
Javascript React
4 votes210 views4 answers
Class component react
Javascript React
2 votes189 views1 answer
React concatenate string and component
Javascript React
0 vote204 views1 answer
React Native BUILD FAILED on run-ios
Javascript React
0 vote184 views4 answers
How to pass data between routes in react
Javascript React