/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 vote392 views1 answer
How to check if url has hash in react
Javascript React
23 votes448 views6 answers
React hooks useeffect
Javascript React
32 votes355 views1 answer
React touter dom
Javascript React
0 vote401 views1 answer
Yarn add react-native-elements
Javascript React
2 votes362 views2 answers
Pdf table files download react not working
Javascript React
9 votes379 views3 answers
Shadowoffset react native constructor
Javascript React
6 votes424 views1 answer
React native activityindicator
Javascript React
0 vote393 views2 answers
How to check for enter keyPress in react native
Javascript React
2 votes362 views3 answers
React cdn link
Javascript React
142 votes612 views3 answers
Install react app
Javascript React