/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

1 vote319 views1 answer
React jsx style with calc
Javascript React
1 vote355 views2 answers
React-native-screens
Javascript React
1 vote312 views1 answer
Functions inside class component react
Javascript React
0 vote364 views1 answer
How to detect if app is loosing focuse in react native
Javascript React
2 votes343 views4 answers
Update react
Javascript React
0 vote299 views1 answer
./src/App.js Module not found: Can't resolve '@fullcalendar/core/main.css' in 'c:\react-souf\src'
Javascript React
-1 vote395 views1 answer
React-native-geolocation-service
Javascript React
3 votes348 views2 answers
React how to scroll to element
Javascript React
2 votes396 views3 answers
Cdn react
Javascript React
0 vote336 views1 answer
Webpack react proxy not working
Javascript React