/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

2 votes306 views2 answers
React detect screen size
Javascript React
48 votes293 views1 answer
Emmet not working react js
Javascript React
1 vote301 views1 answer
How to run an existing react project
Javascript React
7 votes289 views3 answers
React native class component
Javascript React
1 vote317 views1 answer
Two proptypes in react
Javascript React
11 votes316 views3 answers
Reactjs get url query params as object
Javascript React
0 vote298 views1 answer
React native fetch response code
Javascript React
4 votes307 views3 answers
Visual studio code create react component shortcut
Javascript React
0 vote322 views2 answers
Undefined is not an object render header flatlist react hook
Javascript React
0 vote322 views1 answer
Try catch in react native
Javascript React