Function useKeyboardBindings

stories/demos/DrumMachine.js:9–25

import drumSfx from '../sounds/909-drums.mp3';

const useKeyboardBindings = map => {
  React.useEffect(() => {
    const handlePress = ev => {
      const handler = map[ev.key];

      if (typeof handler === 'function') {
        handler();
      }
    };

    window.addEventListener('keydown', handlePress);

    return () => {
      window.removeEventListener('keydown', handlePress);
    };
  }, [map]);
};

function DrumMachine() {
  const [play] = useSound(drumSfx, {