/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 vote266 views2 answers
React native open link in browser
Javascript React
1 vote262 views1 answer
React native svg onpress
Javascript React
1 vote271 views1 answer
Axios upload progress react
Javascript React
0 vote238 views1 answer
React native portrait only
Javascript React
0 vote252 views1 answer
Make forn awesome icon clickable in react
Javascript React
4 votes251 views1 answer
How to creat emmet in react
Javascript React
0 vote250 views1 answer
React check if array contains value
Javascript React
0 vote230 views1 answer
React dropdown search bar
Javascript React
-1 vote245 views2 answers
How to validate date in react
Javascript React
1 vote317 views1 answer
React native flatlist hide scrollbar
Javascript React