input要素をラップしてsetCustomValidityしてくれる君

Validator.js

const React = require('react');

class Validator extends React.Component {

    static propTypes = {
        inputProps : React.PropTypes.object.required,
        isValid    : React.PropTypes.boolean.required,
        message    : React.PropTypes.object.required,
    }

    componentWillReceiveProps (nextProps) {
        const validity = nextProps.isValid ? '' : nextProps.message;
        this.ref.setCustomValidity(validity);
    }

    render () {
        return (
            <input
              {...this.props.inputProps}
              ref={e => { this.input = e; }}/>
        );
    }

}

module.exports = Validator;