/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

0 vote313 views1 answer
React native Setting a timer for a long period of time
Javascript React
1 vote336 views3 answers
Click outside React component
Javascript React
0 vote319 views1 answer
Create app with a specific react version
Javascript React
0 vote317 views1 answer
Write button hover in react
Javascript React
23 votes312 views4 answers
How to copy to clipboard in react js
Javascript React
0 vote330 views1 answer
React toastify does not have design
Javascript React
2 votes365 views1 answer
React native open email client
Javascript React
0 vote303 views1 answer
Camera roll react native
Javascript React
1 vote334 views1 answer
How to set height of material ui dialog react
Javascript React
1 vote309 views1 answer
Press enter reaction js
Javascript React