/Javascript/React/Capture enter button react input

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

6 votes205 views4 answers
Autocomplete react vscode
Javascript React
0 vote175 views2 answers
Hiding header in a specific screen in react native
Javascript React
0 vote173 views1 answer
Localhost server in react native
Javascript React
0 vote166 views1 answer
Concept of node js with react js
Javascript React
13 votes154 views1 answer
Round button corner right react native
Javascript React
13 votes163 views1 answer
React post request
Javascript React
0 vote180 views2 answers
Create a reactjs app with backend and docker
Javascript React
45 votes172 views4 answers
Can't resolve 'react-router-dom'
Javascript React
1 vote176 views1 answer
React-redux imports
Javascript React
0 vote203 views1 answer
How to add oncklick button react
Javascript React