/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 vote128 views1 answer
How to use react memo hooks
Javascript React
2 votes141 views1 answer
Display image as big as possible react native
Javascript React
0 vote139 views2 answers
.env file example react native
Javascript React
14 votes179 views4 answers
React how to update state array
Javascript React
68 votes137 views4 answers
Inline styling react
Javascript React
123 votes267 views3 answers
Set interval react
Javascript React
0 vote139 views1 answer
Radio button in reactive forms angular material
Javascript React
0 vote174 views1 answer
Align image center react native
Javascript React
3 votes179 views1 answer
React create array
Javascript React
0 vote136 views1 answer
Get input value in react using hooks
Javascript React