/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 vote139 views1 answer
How to use cookies in react js
Javascript React
0 vote136 views1 answer
Add React Router to React Redux CRUD App
Javascript React
0 vote129 views1 answer
Return multiple native element react native
Javascript React
0 vote134 views1 answer
Set navigation drawer to open by default react native
Javascript React
0 vote122 views1 answer
Remove stack header bottom line react native
Javascript React
0 vote134 views5 answers
React redux cheat sheet
Javascript React
2 votes134 views2 answers
Capture enter button react input
Javascript React
0 vote146 views1 answer
Casl react redux
Javascript React
0 vote1.3K views1 answer
How get value of datePicker in react
Javascript React
0 vote130 views1 answer
React replace all line breaks with br
Javascript React