A simple controlled component for Name

Name.jsx

import React from 'react';

var Name = React.createClass({
  getInitialState: function() {
    return { value: "" };
  },
  onValueChange: function(event) {
    this.setState({ value: event.target.value });
  },
  render: function() {
    return (
      <div>
        <label>Name : </label>
        <input type="text" value={this.state.value} onChange={this.onValueChange} />
      </div>
    );
  }
});

export default Name;