/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

5 votes194 views1 answer
React native text wrap
Javascript React
0 vote209 views2 answers
Run build version react
Javascript React
0 vote185 views1 answer
Input hook react
Javascript React
0 vote201 views1 answer
How to change background image dynamically in react
Javascript React
0 vote203 views1 answer
React Movies
Javascript React
0 vote191 views1 answer
Can't bookmark react router
Javascript React
0 vote181 views1 answer
Resellerclub api with react js
Javascript React
0 vote210 views1 answer
How to take out text from array of strings in react
Javascript React
0 vote191 views1 answer
How to detect if ios is in dark mode react native
Javascript React
0 vote205 views1 answer
Code in nested forEach loop- react native
Javascript React