/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

3 votes105 views1 answer
React bootstrap card
Javascript React
0 vote104 views1 answer
Jest create react app only run one test
Javascript React
17 votes118 views3 answers
React router url params
Javascript React
12 votes201 views1 answer
React chrome extension
Javascript React
0 vote104 views1 answer
Preventive vs reactive
Javascript React
0 vote104 views1 answer
Start to work with a pre existing react projects
Javascript React
6 votes114 views4 answers
Autocomplete react vscode
Javascript React
9 votes104 views3 answers
React select
Javascript React
1 vote91 views1 answer
React does not recognize the `activeClassName` prop on a DOM element
Javascript React
0 vote105 views4 answers
How to pass data between routes in react
Javascript React