/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

3 votes202 views2 answers
Export default class react
Javascript React
0 vote197 views1 answer
Express react docker container example
Javascript React
0 vote216 views1 answer
Scrollbar automatically scroll down as new divs are added reactjs
Javascript React
0 vote200 views1 answer
Icomoon react native
Javascript React
6 votes192 views5 answers
Scroll to top in react
Javascript React
0 vote194 views2 answers
How to make a search bar in react django
Javascript React
4 votes183 views1 answer
How to empty form after submit in react
Javascript React
13 votes192 views1 answer
React post request
Javascript React
13 votes204 views5 answers
React native setup
Javascript React
3 votes197 views4 answers
React Redux Thunk
Javascript React