/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 vote365 views1 answer
React native portrait only
Javascript React
1 vote369 views1 answer
React native fast image webp ios
Javascript React
0 vote368 views1 answer
React looping hooks to display in other hook
Javascript React
1 vote368 views1 answer
Google font in react native
Javascript React
0 vote376 views1 answer
React export multiple component from index.js
Javascript React
21 votes313 views4 answers
React memo
Javascript React
1 vote392 views2 answers
Push values to state array class react
Javascript React
4 votes372 views1 answer
React router history push parameter
Javascript React
0 vote358 views2 answers
Capitalize each word from string in react
Javascript React
13 votes288 views1 answer
ReactDOM is not defined
Javascript React