/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 vote132 views1 answer
Display image from local JSON / JS Object using React
Javascript React
0 vote158 views1 answer
Sanity react
Javascript React
1 vote158 views3 answers
Iframe in react
Javascript React
1 vote130 views2 answers
Edit todo list react-redux
Javascript React
1 vote147 views1 answer
How hooks handle dependency in react
Javascript React
9 votes134 views6 answers
How to check react version
Javascript React
0 vote141 views1 answer
Start to work with a pre existing react projects
Javascript React
1 vote137 views1 answer
React native flatlist horizontal scroll
Javascript React
0 vote136 views1 answer
React native getstream
Javascript React
6 votes136 views2 answers
Hr react
Javascript React