Как повесить обработчик событий onkeypress на body в react.js?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

import React from 'react';

class App extends React.Component {
  render() {
    return (
      <div>
        // Ваше содержимое здесь
      </div>
    );
  }
}

1
2
3

handleKeyPress = (event) => {
  console.log('Key pressed');
}

1
2
3

componentDidMount() {
  document.body.addEventListener('keypress', this.handleKeyPress);
}

1
2
3

componentWillUnmount() {
  document.body.removeEventListener('keypress', this.handleKeyPress);
}

1

ReactDOM.render(<App />, document.getElementById('root'));