/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 vote373 views1 answer
React create list of components
Javascript React
0 vote369 views1 answer
React js usehistory push and pass props
Javascript React
2 votes328 views1 answer
Get current screen name react navigation
Javascript React
0 vote339 views1 answer
Gradle error react native
Javascript React
0 vote331 views1 answer
Find null/empty values in reactive form
Javascript React
0 vote323 views1 answer
Npm react animation
Javascript React
0 vote317 views1 answer
How to unmount inactive screens in bottom tab react native
Javascript React
0 vote333 views1 answer
React component visibility
Javascript React
1 vote342 views1 answer
React demo
Javascript React
5 votes336 views1 answer
React dom
Javascript React