/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

4 votes375 views2 answers
Materialize for react
Javascript React
1 vote392 views1 answer
React js console log not working
Javascript React
0 vote327 views1 answer
Circle button react native
Javascript React
34 votes354 views3 answers
React-router
Javascript React
0 vote385 views3 answers
Line 32:18: 'Link' is not defined react/jsx-no-undef
Javascript React
3 votes490 views3 answers
Center horizontally react native
Javascript React
0 vote397 views1 answer
How to replace strings with react components
Javascript React
0 vote380 views2 answers
React native detect platform
Javascript React
1 vote378 views2 answers
How to not use relative imports in react js
Javascript React
1 vote392 views2 answers
React-native-screens
Javascript React