title: How do I set up an 'onKeyPress' handler on a <canvas> in react?
body: <p>I am familiar with React and its event system, but I can't seem to get the onKeyPress event to fire on a <code>&lt;canvas&gt;</code> element.  In fact, I can't get it to fire on a <code>&lt;div&gt;</code> either.  </p>
  
  <p>Here is the relevant code</p>
  
  <pre><code>class MyComponent extends React.Component {
      render() {
          return (
              &lt;canvas onKeyPress={() =&gt; console.log('fired')} /&gt;
          )
      }
  }
  </code></pre>
  
  <p>It works fine if I change the <code>&lt;canvas&gt;</code> to be an <code>&lt;input&gt;</code>, but does not work for <code>&lt;div&gt;</code>.  Does this mean that react simply does not support keyPress events on canvas elements?  What am I overlooking?</p>