Как менять disabled у элемента в react.js?

На время получения данных хочу деактивировать кнопку "отправить", через атрибут тега disabled.
Делаю так:

var LogIn = React.createClass({
    getInitialState: function(){
        return {
            disabled: "enable";
        };
    },
    submitLogin: function() {
        ....
        $.ajax({
            ....
            beforeSend: function() {
                this.setState({
                    disabled: "disabled"
                });
            },
            ....
            complete: function (){
                this.setState({
                    disabled: "enable"
                });
            },
            ....
        })
        ....
    },
    render: function(){
        return(
            <form method="post" id="registration" className="message">
            ..........
                <p><input type="submit" value="Отправить" onClick={this.submitLogin} disabled={this.state.disabled} /></p>
            </form>
        );
    }
})

Но при рендеренги появляется только один атрибут disabled без значений и кнопка становиться не доступной.
Что делаю не так?
Как управлять в react.js атрибутом disabled?
И вообще как ими управлять?)))