/Javascript/React/React keydown event listener

React keydown event listener

const EscapeListen = React.createClass({
  handleKeyDown: function(e) {
    if (e.keyCode === 27) {
      console.log('You pressed the escape key!')
    }
  },

  render: function() {
    return (
      <input type='text'
             onKeyDown={this.handleKeyDown} />
    )
  }
})

Source: stackoverflow.com

Similar codes

5 votes384 views1 answer
Deploy react js heroku
Javascript React
0 vote360 views1 answer
Reactjs download file axios
Javascript React
35 votes370 views6 answers
Create react app with tailwind
Javascript React
2 votes334 views2 answers
React 17
Javascript React
0 vote310 views1 answer
Create-react-app height issues with flex
Javascript React
32 votes394 views1 answer
How to do routes react js
Javascript React
0 vote345 views1 answer
React children map
Javascript React
0 vote366 views1 answer
React.createElement
Javascript React
0 vote345 views2 answers
React 17 hot reload not working
Javascript React
13 votes354 views3 answers
ImageBackground in React Native
Javascript React