simple react-input

react-input.js

import React, { Component } from 'react';

export default class Input extends Component {
  props: {
    value: React.PropTypes.string.isRequired
  };

  constructor(props) {
    super(props);
    this.state = {
      value: props.value
    };
  }

  onKeyPress(event) {
    if (event.charCode === 13 || event.keyCode === 13) {
      this.props.onEnter(event);
    }
  }

  onChange(event) {
    this.setState({
      value: event.target.value
    });
  }

  render() {
    const { className, placeholder, type } = this.props;
    const { value } = this.state;
    return (
      <input className={className} 
             placeholder={placeholder} 
             value={value} 
             type={type}
             onChange={this.onChange.bind(this)} 
             onKeyPress={this.onKeyPress.bind(this)}/>
    );
  }
}