/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 vote275 views1 answer
Reactjs exemple function component
Javascript React
5 votes253 views3 answers
React default proptypes
Javascript React
1 vote246 views6 answers
UseEffect react
Javascript React
0 vote271 views1 answer
Search Filter with React Native on FlatList
Javascript React
0 vote251 views1 answer
React native add bottom tab and drawer menu
Javascript React
30 votes224 views6 answers
React if statement
Javascript React
3 votes233 views1 answer
React prop ytpes
Javascript React
0 vote254 views1 answer
_40 0 _55 null _65 0 _72 null react native fetch
Javascript React
0 vote236 views1 answer
Upload image file in react native using rest api to website
Javascript React
9 votes255 views3 answers
Shadowoffset react native constructor
Javascript React