How Do I Set Up An 'onkeypress' Handler On A In React?

I am familiar with React and its event system, but I can't seem to get the onKeyPress event to fire on a element. In fact, I can't get it to fire on a

e

Solution 1:

Just assign tabIndex to the element for getting the focus.

<canvas tabIndex="0" onKeyPress={ () =>console.log( 'fired' ) } />

Solution 2:

canvas.addEventListener('keydown', function(event) {
    alert('keydown');
        }, false);

Check if you can fire the above event :)

Share

You may like these posts

• 
  Redux-form: Display A List Of Errors On Top Of A Page
• 
  Identity Server 4 + Identity Framework + React Front-end
• 
  How To Handle State Of Multiple Buttons With React?
• 
  What Is Best Practice To Websocket Reconnect In React?