10.nonFunctionalReact

formComponent.js

var MyForm = React.createClass({
  render: function(){
    return (
      <ValidationForm ref="form" onSubmit={ this.validates }>
        <Input name="title" validation="required" />
        <Input name="age" validation="required,number" />
        <Input name="email" validation={ value => value.match(/\S+@\S+\.\S+/) } />
      </ValidationForm>
    );
  },
  validates: function(){
    // Use the from API
    if( this.refs.form.validates() ){
      // Handle the form
    }
  }
})