/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 vote353 views5 answers
Arrow function component react shortcut vscode
Javascript React
0 vote343 views1 answer
Make image circle css react
Javascript React
0 vote342 views2 answers
React js form radio input using hooks
Javascript React
1 vote336 views1 answer
Reactjs get checkbox value
Javascript React
0 vote330 views3 answers
How to get svg from pucblic folder in react
Javascript React
0 vote342 views1 answer
React native dynamic style
Javascript React
0 vote337 views1 answer
React computed example
Javascript React
1 vote340 views2 answers
Export 'Redirect' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
0 vote339 views1 answer
Concept of node js with react js
Javascript React
6 votes340 views1 answer
React native rotate
Javascript React