/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 vote275 views1 answer
React rative release
Javascript React
9 votes236 views1 answer
Redux add to array
Javascript React
16 votes267 views1 answer
React native loop in render
Javascript React
0 vote266 views1 answer
Standalone form inside reactive form
Javascript React
0 vote269 views1 answer
Calculations inside a render function react js
Javascript React
7 votes247 views2 answers
Uuid v4 react
Javascript React
13 votes203 views1 answer
ReactDOM is not defined
Javascript React
0 vote265 views1 answer
Salvar no localStorage react
Javascript React
0 vote267 views1 answer
Icomoon react native
Javascript React
0 vote260 views1 answer
Popup react now ui
Javascript React