React component to listen to keydown and keyup keyboard events
npm install react-keymasterA react component that listens to KeyDown And KeyUp event.
Uses a fork of keymaster for keydown detection of special characters.
``sh`
yarn add react-keymaster
`javascript``
import React from "react";
import ReactKeymaster from "react-keymaster";
class Demo extends React.Component {
state = {
output: "Hello, I am a component that listens to keydown and keyup of a"
};
render() {
return (
react-keymaster demo
onKeyDown={keyname => {
this.setState({
output: keyup ${keyName}keyup ${keyName}
});
}}
onKeyUp={keyName => {
this.setState({
output:
});
}}
/>
{this.state.output}
);
}
}