/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

4 votes157 views3 answers
Reactjs date format dd/mm/yyyy
Javascript React
0 vote144 views1 answer
React video srcObject
Javascript React
0 vote151 views1 answer
Image background full width react
Javascript React
0 vote149 views1 answer
React looping hooks to display in other hook
Javascript React
19 votes157 views6 answers
React.js
Javascript React
0 vote169 views1 answer
React duration picker
Javascript React
1 vote200 views2 answers
Toastandroid react native
Javascript React
0 vote151 views1 answer
Reactjs change fill color .svg
Javascript React
0 vote106 views1 answer
Import button react-bootstrap
Javascript React
0 vote96 views1 answer
Document is not defined react router
Javascript React