/Javascript/React/React detect enter key

React detect enter key

On enter key press react

onKeyPress={(e) => e.key === 'Enter' && handleSearch()}

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 vote250 views1 answer
React shadow
Javascript React
0 vote227 views1 answer
React make setstate synchronous
Javascript React
1 vote295 views1 answer
Rendering in react
Javascript React
18 votes255 views4 answers
React get route params
Javascript React
0 vote220 views1 answer
Npm react native turn by turn navigation
Javascript React
-1 vote216 views1 answer
React-native-geolocation-service
Javascript React
0 vote210 views1 answer
New Intl.NumberFormat en react
Javascript React
0 vote219 views1 answer
Mreact graph
Javascript React
5 votes227 views1 answer
How to host react app on heroku
Javascript React
6 votes206 views1 answer
React history with search
Javascript React