/Javascript/React/On enter key press react

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} />;
};

On enter key press react js

  useEffect(() => {
    const listener = event => {
      if (event.code === "Enter" || event.code === "NumpadEnter") {
        console.log("Enter key was pressed. Run your function.");
        event.preventDefault();
        // callMyFunction();
      }
    };
    document.addEventListener("keydown", listener);
    return () => {
      document.removeEventListener("keydown", listener);
    };
  }, []);

Source: stackoverflow.com

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 vote265 views1 answer
React native create text file
Javascript React
38 votes258 views2 answers
How to comment out code in react js
Javascript React
1 vote278 views1 answer
How to add button react native app.js
Javascript React
0 vote271 views1 answer
React router not working with aws amplify
Javascript React
1 vote260 views1 answer
Stream closed react native
Javascript React
0 vote290 views1 answer
Getting state in react-router-dom v6
Javascript React
0 vote269 views1 answer
React native anination 2 valuse
Javascript React
1 vote307 views1 answer
React create list of components
Javascript React
23 votes269 views2 answers
Reactjs app change port
Javascript React
17 votes253 views5 answers
Add background image react native
Javascript React