/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 vote381 views5 answers
React redux cheat sheet
Javascript React
2 votes347 views1 answer
React-native-reanimated npm
Javascript React
0 vote399 views1 answer
React native float upto 2 digits
Javascript React
6 votes396 views2 answers
How do I conditionally add attributes to React components?
Javascript React
0 vote390 views1 answer
React router route not found redirect
Javascript React
6 votes325 views2 answers
React native socket io
Javascript React
0 vote366 views2 answers
React date picker disable past dates
Javascript React
0 vote360 views2 answers
Animation react
Javascript React
0 vote332 views3 answers
Set bg image in react
Javascript React
0 vote399 views3 answers
Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
Javascript React