Fixed formsy text validation on input

FixedFormsyText.jsx

/**
 * Created by kriz on 13/05/16.
 */

import React from 'react';
import FormsyText from 'formsy-material-ui/lib/FormsyText';

function debounceFunc(fn, delay) {
    var timer = null;
    return function () {
        const args = arguments;
        clearTimeout(timer);
        timer = setTimeout(() => {
            fn.apply(this, args);
        }, delay);
    };
}

// fix formsy text for form update
export default FixedFormsyText = React.createClass({
    componentDidMount() {
        const { debounce = 200 } = this.props;
        this.setValidate = debounceFunc(this.refs.input.setValue, debounce);
    },

    componentWillReceiveProps() {
        const input = this.refs.input;
        input.setState({ value: input.getValue() || '' });
    },

    onChange(event) {
        if (this.props.onChange)
            this.props.onChange(event);
        this.setValidate(event.currentTarget.value);
    },


    render() {
        return <FormsyText ref="input" {...this.props} onChange={this.onChange} />
    }
});