I have several identical forms with validation function.
I want to create another form with same behavior except validation function.

I try to use mixins for this, but mixins doesn't support method override.

What approach is the best for this problem?

This is an example of problem: <https://jsfiddle.net/69z2wepo/9150/>

```
var FormMixin = {
    validate: function () {
        if (this.state.message !== '') {
            this.setState({status: 'ok'});
        } else {
            this.setState({status: 'error'});
        }
    },
    getInitialState: function () {
        return {
            message: 'Hello123!',
            status: ''
        };
    },
    handleChange: function (newValue) {
        this.setState({
            message: newValue
        });
    },
    valueLink: function() {
        return {
          value: this.state.message,
          requestChange: this.handleChange
        }     
    },
    render: function () {
        return (
         <div>
           <input type = "text" valueLink = {this.valueLink()} />
           <button onClick={this.validate} >Validate</button>
           <div>{this.state.status}</div>
         </div>
        );
    }
}

var Form = React.createClass({
    mixins: [FormMixin]
});

var FormEmpty = React.createClass({
    /*validate: function() { // How to override validation
      this.setState({status: 'ok'});
    },*/
    mixins: [FormMixin]
});

var Hello = React.createClass({
    render: function() {
        return (<div>
            <Form />
            <Form />
            <Form />
            <FormEmpty />
        </div>);
    }
});

React.render(<Hello />, document.getElementById('container'));

```