/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

0 vote147 views2 answers
Hot reload problem react 17
Javascript React
1 vote152 views3 answers
Click outside React component
Javascript React
8 votes149 views1 answer
Ternary operator in button react
Javascript React
0 vote140 views1 answer
React router dom return undefined
Javascript React
0 vote167 views1 answer
Why to escape from quotation mark in react
Javascript React
1 vote178 views1 answer
@react-google-maps/api npm
Javascript React
0 vote146 views1 answer
Timeline material ui react native
Javascript React
11 votes156 views2 answers
React router refreshes page
Javascript React
2 votes198 views2 answers
Export aab bundle react native android
Javascript React
2 votes165 views4 answers
Can't perform a React state update on an unmounted component
Javascript React