/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

2 votes211 views2 answers
Horizontal divider react native
Javascript React
1 vote211 views2 answers
Open failed: EACCES (Permission denied) react native
Javascript React
0 vote213 views1 answer
React native tab.screen hide title
Javascript React
0 vote281 views1 answer
React native image path in vriable
Javascript React
0 vote266 views1 answer
React native carriage return
Javascript React
0 vote184 views1 answer
Create app with a specific react version
Javascript React
-1 vote169 views1 answer
How to create scroll to top button in reactjs example code
Javascript React
1 vote185 views1 answer
Deploy react to aws
Javascript React
0 vote180 views1 answer
React native textinput lowercase
Javascript React
26 votes213 views5 answers
React image
Javascript React