/Javascript/React/React detect enter key

React detect enter key

On enter key press react

onKeyPress={(e) => e.key === 'Enter' && handleSearch()}

Capture enter button react input

const Enter = () => {
  	const handle = () => console.log('Enter pressed');
  
	return <input type="text" onKeyDown={e => e.key === 'Enter' && handle} />;
};

React detect enter key

var Input = React.createClass({
  render: function () {
    return <input type="text" onKeyDown={this._handleKeyDown} />;
  },
  _handleKeyDown: function(e) {
    if (e.key === 'Enter') {
      console.log('do validate');
    }
  }
});

Source: stackoverflow.com

Similar codes

3 votes345 views2 answers
React-native android build apk
Javascript React
2 votes352 views1 answer
How to add react scroll scrollable link
Javascript React
0 vote350 views1 answer
Pause console debugger in react
Javascript React
1 vote365 views1 answer
React router dom 6 go back
Javascript React
2 votes330 views1 answer
Rn touchableopacity
Javascript React
1 vote354 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript React
0 vote376 views1 answer
Switch button react value
Javascript React
0 vote357 views1 answer
React 10 to 1 with step -2 (odd numbers between [1..10] inverted order)
Javascript React
0 vote395 views1 answer
Space between react native
Javascript React
1 vote388 views1 answer
React variable in stirng
Javascript React