WIP
react-eventlistener
A component that adds and removes event listeners.
usage
const MyComponent = <EventListener eventName="keydown" callback= eventkeyCode === 27 && eventpreventDefault && console > <div> This component will log every time escape is pressed </div> </EventListener>
can be used as self-closing tag
const MyComponent = <div> This component will log every time escape is pressed <EventListener eventName="keydown" callback= eventkeyCode === 27 && eventpreventDefault && console /> </div>
write your own
const DocEscapeHandler = <EventListener eventName="keydown" callback= eventkeyCode === 27 && eventpreventDefault && ...props /> const MyComponent = <DocEscapeHandler callback= console> <div> This component will log every time escape is pressed </div> </DocEscapeHandler>