To handle pressing the Enter key in React
Starting point for creating JSFiddles with Recompose. Forked from React Base Fiddle.
HTML
<script src="asdasdasd"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.4.2/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.4.2/umd/react-dom.production.min.js"></script>
<div id="container"></div>
React
class Input extends React.Component {
_handleKeyPress(e) {
if (e.key === 'Enter') {
alert('do validate');
}
}
render() {
return (<input type="text" onKeyPress={this._handleKeyPress} />);
}
}
const root = document.getElementById('container')
ReactDOM.render(<Input />, root)