/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

1 vote131 views1 answer
How prevent copy paste input react
Javascript React
11 votes144 views2 answers
React must be in scope when using jsx
Javascript React
0 vote128 views1 answer
.env not working on react
Javascript React
1 vote138 views1 answer
Remove underline from hyperlink react
Javascript React
0 vote136 views2 answers
React router dom v6
Javascript React
0 vote140 views1 answer
React bootstrap carousel caption placement top
Javascript React
13 votes129 views4 answers
React native android build apk
Javascript React
108 votes203 views2 answers
React start new app
Javascript React
40 votes139 views4 answers
What does useref do react
Javascript React
3 votes122 views1 answer
How to go to another page onclick in react
Javascript React