On Enter Key Press React
onKeyPress={(e) => e.key === 'Enter' && handleSearch()}
Jittery Jaguar
onKeyPress={(e) => e.key === 'Enter' && handleSearch()}const Enter = () => {
const handle = () => console.log('Enter pressed');
return <input type="text" onKeyDown={e => e.key === 'Enter' && handle} />;
};var Input = React.createClass({
render: function () {
return <input type="text" onKeyDown={this._handleKeyDown} />;
},
_handleKeyDown: function(e) {
if (e.key === 'Enter') {
console.log('do validate');
}
}
});
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);
};
}, []);