/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

3 votes154 views1 answer
React tooltip data-tip
Javascript React
0 vote184 views1 answer
Limit data with axios in react js
Javascript React
0 vote182 views3 answers
Unexpected template string expression no-template-curly-in-string react
Javascript React
5 votes310 views1 answer
Inline z-index react
Javascript React
0 vote197 views1 answer
How to calc() height in react native for styling
Javascript React
0 vote247 views1 answer
Handling props in functional components reactjs ijnterview questions
Javascript React
0 vote200 views1 answer
React read multiple files with filereader
Javascript React
0 vote180 views1 answer
Eslint version check in react
Javascript React
23 votes173 views6 answers
Map react
Javascript React
0 vote196 views1 answer
Changing map style react-leaflet
Javascript React