/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 vote236 views2 answers
Apply back button to a react component
Javascript React
0 vote353 views1 answer
How to place text over image in react
Javascript React
1 vote153 views1 answer
Mkdir: cannot create directory â€˜src/components/dashboardâ€™: no such file or directory in react
Javascript React
1 vote222 views4 answers
React native push notifications npm
Javascript React
1 vote176 views1 answer
When i go srource in react app in chrome i see my files
Javascript React
1 vote204 views1 answer
React native scrollview sticky header
Javascript React
103 votes222 views7 answers
How to create react app
Javascript React
-1 vote173 views1 answer
How to run react native app on simulator
Javascript React
0 vote183 views1 answer
Upload image file in react native using rest api to website
Javascript React
8 votes176 views1 answer
Update object in react hooks
Javascript React