React Input

inputField.js

"use strict";
import React, { Component, PropTypes } from "react";
import { render } from "react-dom";

class Inputfield extends Component {
  constructor(props) {
    super(props);
    this.state = { value: this.props.value };
    this.handleChange = this.handleChange.bind(this);
  }

  handleChange(ev) {
    ev.preventDefault();

    this.setState({ value: ev.target.value });
  }

  render() {
    const { id, label, type } = this.props;
    let value = this.state.value;

    return (
      <div>
        <input
          id={id}
          type={type}
          value={value}
          onChange={this.handleChange} />
        <label
          htmlFor={id}>
          {label}
        </label>
      </div>
    )
  }
}

Inputfield.propTypes = {
  id: PropTypes.string.isRequired,
  label: PropTypes.string.isRequired,
  value: PropTypes.oneOfType([
    PropTypes.number,
    PropTypes.string
  ])
};

export default Inputfield