Event handlers in React - 1

handler-react-1.js

import React, { Component } from 'react'
import { MyInput, MyAnotherInput } from 'myInputs'

class MyComponent extends Component {
  constructor(props) {
    super(props)
    this.handleChange = this.handleChange.bind(this)
    this.handleClick = this.handleClick.bind(this)
    this.handleKeyPress = this.handleKeyPress.bind(this)
  }
  
  handleChange(e) {
    e.preventDefault()
  }
  
  handleClick(e) {
    e.preventDefault()
  }
  
  handleKeyPress(e) {
    e.preventDefault()
    
    if (e.nativeEvent.keyCode === 13) {
      console.log('This is enter!')
    }
  }
  
  render() {
    return (
      <div>
        <MyInput
          onChange={ this.handleChange }
          onClick={ this.handleClick }
          onKeyPress={ this.handleKeyPress }
        />
        <MyAnotherInput
          onChange={ this.handleChange }
          onClick={ this.handleClick }
          onKeyPress={ this.handleKeyPress }
        />
      </div>  
    )
  }
}