/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 vote374 views1 answer
React props change
Javascript React
1 vote397 views1 answer
Image touchable opacity react native
Javascript React
0 vote384 views1 answer
React electron desktop app
Javascript React
0 vote367 views1 answer
React read multiple files with filereader
Javascript React
0 vote394 views1 answer
Make 2div in row react js
Javascript React
0 vote421 views1 answer
Traduire text with api translate google in react
Javascript React
-1 vote389 views2 answers
React map example leaflets
Javascript React
48 votes392 views4 answers
How to add comment in react js
Javascript React
0 vote383 views1 answer
React native cli sdk.dir
Javascript React
0 vote402 views1 answer
Code in nested forEach loop- react native
Javascript React