/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 vote333 views1 answer
Render a react component only after API response is received
Javascript React
0 vote344 views1 answer
Installation de react native maps bibliothèque
Javascript React
0 vote321 views2 answers
React router dom v6
Javascript React
0 vote363 views1 answer
React useEffect() the side-effect runs after every rendering
Javascript React
2 votes362 views1 answer
Passing multiple props to child component in react
Javascript React
1 vote339 views1 answer
React native create view dynamically
Javascript React
0 vote337 views1 answer
Play 2 audio react
Javascript React
0 vote324 views1 answer
How to make a textarea unwritable in react native
Javascript React
22 votes331 views4 answers
Shadow elevation react native
Javascript React
23 votes363 views5 answers
USE ICONS IN REACT
Javascript React