/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 vote139 views2 answers
Get location from brwoser react
Javascript React
0 vote164 views1 answer
React native height full
Javascript React
0 vote161 views1 answer
Button size react native
Javascript React
4 votes139 views3 answers
Get params in react router dom v6
Javascript React
1 vote434 views1 answer
React waypoint loadmore not working
Javascript React
4 votes137 views6 answers
Location of release apk in react native
Javascript React
4 votes152 views1 answer
How to empty form after submit in react
Javascript React
0 vote135 views3 answers
Create dots in carousel react js bootraps
Javascript React
1 vote163 views1 answer
Two proptypes in react
Javascript React
0 vote143 views2 answers
How to give data from react native to webview
Javascript React