Breaking News: Grepper is joining You.com. Read the official announcement!

add event listener react hooks

Add Answer

Ram Ram answered on August 6, 2021 Popularity 9/10 Helpfulness 4/10

Contents

answer add event listener react hooks

More Related Answers

useEvent hook in react18

remove event listener react hooks

push-method-in-react-hooks-usestate

give div event listener functional component

Handle an input with React hooks

add event listener in react useeffect

react addeventlistener useeffect

event listener for functional component

add listener in react

use effect with event listener

passing event handler to useEffeect

useEventListener react hook

how to use an event listener in a react js component

@use-it/event-listener npm

how to set handleChange to input elements at once using hook

useClickAnyWhere react hook

react addeventlistener ignoring usestate

add event listener react hooks

Comment

0

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)
    }
  })
}

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: atomizedobjects.com

Tags: add event-listener javascript react-hooks

Share

Link to this answer
Share Copy Link

Ram Ram

Contributed on Aug 06 2021

Ram Ram

0 Answers Avg Quality 2/10

X

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

X

Grepper Account Login Required

Oops, You will need to install Grepper and log-in to perform this action.

Install Grepper Here