/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

94 votes118 views6 answers
Install react router
Javascript React
0 vote116 views3 answers
Add if condition in map react
Javascript React
2 votes111 views2 answers
Unable to resolve module react-navigation
Javascript React
0 vote123 views3 answers
React native clear cach
Javascript React
0 vote72 views1 answer
React testing library getBy image
Javascript React
0 vote105 views1 answer
Gradlew command not found react native
Javascript React
0 vote104 views1 answer
Floating button react
Javascript React
0 vote106 views1 answer
React-with-firebase-auth
Javascript React
0 vote130 views1 answer
How to align placeholder in react native
Javascript React
6 votes144 views3 answers
Apply required attribute on input using ternary operator using react js
Javascript React