/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

114 votes161 views3 answers
React init
Javascript React
0 vote151 views1 answer
React router path array
Javascript React
6 votes148 views2 answers
String to html javascript react
Javascript React
0 vote130 views1 answer
React throttle render
Javascript React
0 vote140 views1 answer
What was the reaction of others bostonh tea party
Javascript React
0 vote144 views1 answer
React-native-image-viewing
Javascript React
6 votes124 views2 answers
React in jquery
Javascript React
0 vote128 views2 answers
Error: Error: Unable to resolve module react-native-gesture-handler
Javascript React
0 vote158 views1 answer
Custom login with facebook button react native
Javascript React
5 votes186 views2 answers
Add object in array state react
Javascript React