/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

-2 votes328 views1 answer
Setting up a React Environment
Javascript React
14 votes298 views2 answers
Border react native
Javascript React
24 votes321 views6 answers
Proptypes react
Javascript React
0 vote288 views3 answers
React loop through array
Javascript React
0 vote324 views1 answer
Infinite scroll for chat react js
Javascript React
0 vote314 views1 answer
Provider not found react
Javascript React
0 vote308 views1 answer
Change value in array react
Javascript React
2 votes324 views1 answer
Passing multiple props to child component in react
Javascript React
0 vote287 views1 answer
Set navigation drawer to open by default react native
Javascript React
0 vote309 views1 answer
Flipper semantic issue react native
Javascript React