/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

8 votes227 views3 answers
React Lazy()
Javascript React
0 vote212 views1 answer
React native set default ios simulator
Javascript React
0 vote240 views1 answer
Use navigate in class component react native
Javascript React
64 votes253 views7 answers
React router
Javascript React
16 votes163 views1 answer
How to insern an image in react
Javascript React
0 vote238 views1 answer
Reactjs add border to the table row
Javascript React
2 votes205 views2 answers
Rtl support react native
Javascript React
1 vote227 views2 answers
Line break in react
Javascript React
0 vote218 views1 answer
Install reactivesearch
Javascript React
0 vote226 views3 answers
Link react router dom
Javascript React