react-listen

A component that adds and removes event listeners.

Usage no npm install needed!

<script type="module">
  import reactListen from 'https://cdn.skypack.dev/react-listen';
</script>

README

react-listen

A component that adds and removes event listeners.

Usage

import Listener from "react-listen"

const MyComponent = () =>
  <Listener
    eventName="keydown"
    callback={() => event.keyCode === 27 && event.preventDefault && console.log("esc pressed")}
  >
    <div>
      This component will log every time escape is pressed.
    </div>
  </Listener>