KeyEvent.js

import { Component } from 'react';
import PropTypes from 'prop-types';

class KeyEvent extends Component {
  listen = (event) => {
    if (event.key === this.props.when) {
      this.props.do();
    }
  }

  componentDidMount() {
    document.addEventListener(this.props.trigger, this.listen);
  }

  componentWillUnmount() {
    document.removeEventListener(this.props.trigger, this.listen);
  }

  shouldComponentUpdate() {
    return false;
  }

  render() {
    return null;
  }
}

KeyEvent.propTypes = {
  trigger: PropTypes.string.isRequired,
  when: PropTypes.string.isRequired,
  do: PropTypes.func.isRequired,
};

export default KeyEvent;