Event handlers in React - 4

handler-react-4.js

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

class MyComponent extends Component {
  handleKeyPress(item, e) {
    e.preventDefault()
    
    if (e.nativeEvent.keyCode === 13) {
      console.log(`This is enter on item, which is called  ${item}!`)
    }
  }
  
  renderItem(item) {
    return (
      <MyInput
        onKeyPress={ this.handleKeyPress.bind(this, item) }
      />  
    )
  }
  
  render() {
    const items = ['Item1', 'Item2', 'Item3']

    return (
      <div>
        { items.map(this.renderItem) }
      </div>  
    )
  }
}