/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 vote172 views1 answer
React native andri]oid ReferenceError: Can't find variable: Intl
Javascript React
0 vote247 views1 answer
Missing script: "start" react
Javascript React
3 votes186 views1 answer
How to preview a pdf document in react
Javascript React
1 vote259 views3 answers
React native port
Javascript React
0 vote176 views1 answer
Enzymes are proteins that speed up reactions by
Javascript React
0 vote184 views1 answer
How to change grid size with conditional expression in react
Javascript React
0 vote192 views1 answer
Get rid of header bar react native
Javascript React
0 vote170 views1 answer
React native gridient button
Javascript React
2 votes189 views1 answer
React concatenate string and component
Javascript React
0 vote183 views1 answer
Setstate before function react
Javascript React