React Form Validation & Getting Event Data Snippet

react-form-validation-getting-event-data.jsx

var React = require('react');
var ReactDOM = require('react-dom');
var Validation = require('../helpers/validation');
var has = require('../helpers/has');
var BasicInput = require('../components/basic-input');

var AppealForm = React.createClass({
  
  validateInput: function(validatorFunc, e) {
    // Notice position of event data
    // We can do e.target.value
  },

  render: function() {
    return (
      <BasicInput title="Appeal title"
	data={!has(this.state.data, 'index.title') ? '' : this.state.data.index.title}
	error={!has(this.state.error, 'index.title') ? '' : this.state.error.index.title }
	stateUpdate={this.changePageTitle}
	validate={this.validateInput.bind(this, Validation.isFilled)} />
    );
  }
});

module.exports = AppealForm;