/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 vote187 views1 answer
React Redux reducer combineReducers exemple
Javascript React
11 votes213 views4 answers
React native flatlist
Javascript React
32 votes190 views5 answers
React disable eslint errors
Javascript React
0 vote188 views1 answer
Find 401 error and logout axios in react
Javascript React
2 votes181 views2 answers
Capture enter button react input
Javascript React
0 vote260 views1 answer
React native filter list
Javascript React
0 vote202 views1 answer
Date in react js
Javascript React
0 vote193 views1 answer
React router v6 lazy suspense
Javascript React
0 vote185 views1 answer
Route with parameter react not working not found
Javascript React
26 votes234 views6 answers
React redirect to url
Javascript React