/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

0 vote197 views3 answers
Add if condition in map react
Javascript React
0 vote244 views1 answer
React native communicate with webview
Javascript React
1 vote217 views1 answer
Disable split screen react native
Javascript React
158 votes405 views6 answers
React create app
Javascript React
2 votes230 views1 answer
React concatenate string and component
Javascript React
0 vote237 views2 answers
Toastify react not working
Javascript React
0 vote201 views1 answer
How to hide footer in specefic pages in react router
Javascript React
111 votes207 views6 answers
Install bootstrap in react
Javascript React
114 votes211 views3 answers
Run react app
Javascript React
1 vote215 views1 answer
Tailwind css react craco package.json
Javascript React