/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

21 votes149 views5 answers
How to add a shadow react native
Javascript React
1 vote161 views2 answers
React-native array.filter by index arrow function
Javascript React
0 vote141 views1 answer
Slide hide animaition in react
Javascript React
0 vote179 views2 answers
How to hide api key in react
Javascript React
0 vote154 views1 answer
What is react headroom
Javascript React
0 vote151 views1 answer
React native unexpected token '<'
Javascript React
0 vote189 views1 answer
Github create react app buildpack
Javascript React
1 vote149 views1 answer
React manifest.json 404 (not found)
Javascript React
4 votes140 views1 answer
UseEffect with axios react
Javascript React
0 vote159 views1 answer
Eslint init settings for ReactJS
Javascript React