Magic of ES6

TextInput.jsx

import React, { PropTypes } from 'react';
import FormInput from './FormInput';

const TextInput = (props) => {
  let {onChange, validate, errorText, name, ...properties} = props;
  const handleChange = (e) => onChange(name, e.target.value);
  const handleValidation = (e) => validate && validate({[name]: e.target.value});

  return (
    <FormInput errorText={props.errorText}>
      <input name={name} {...properties} />
    </FormInput>
  );
};

TextInput.defaultProps = {
  type: 'text',
  value: ''
};

TextInput.propTypes = {
  type: PropTypes.string,
  name: PropTypes.string.isRequired,
  onChange: PropTypes.func.isRequired,
  validate: PropTypes.func,
  errorText: PropTypes.string,
  value: PropTypes.oneOfType([
    PropTypes.string,
    PropTypes.number
  ])
};

export default TextInput;

Northwest Territories and Nunavut are missing from the map.