/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 vote244 views2 answers
How to convert time to users timezone in react
Javascript React
0 vote257 views1 answer
How to call api on load using hooks in react
Javascript React
0 vote204 views1 answer
Liquid indicators in react native
Javascript React
1 vote254 views2 answers
Shadow on view in react natice
Javascript React
0 vote236 views6 answers
State functions of react cheatsheet
Javascript React
1 vote269 views5 answers
Import { useBeforeunload } from 'react-beforeunload
Javascript React
2 votes253 views2 answers
How to send form data from react to express
Javascript React
1 vote270 views2 answers
Cannot read property of undefined (reading 'push') react
Javascript React
0 vote261 views1 answer
How to show content-type:image/jpg in react
Javascript React
0 vote279 views1 answer
React native storage
Javascript React