/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 vote201 views1 answer
React_Weather_App
Javascript React
2 votes212 views2 answers
Await in react in function component
Javascript React
0 vote207 views1 answer
Eslint version check in react
Javascript React
9 votes209 views1 answer
Create react app in current folder
Javascript React
0 vote198 views1 answer
Fetch is not defined jest react
Javascript React
0 vote205 views1 answer
React padding at bottom svg
Javascript React
3 votes201 views1 answer
React data attributes event
Javascript React
0 vote248 views1 answer
Create react app with vite
Javascript React
0 vote199 views1 answer
How to remove console.log from react native app
Javascript React
1 vote210 views2 answers
How to get window size in react js
Javascript React