react 点击两次_ReactJs：防止多次按下按钮

在我的React组件中，我有一个按钮，当单击该按钮时，它会通过AJAX发送一些数据。我只需要第一次发生，即在首次使用后禁用该按钮。

我如何尝试做到这一点：

var UploadArea = React.createClass({

getInitialState() {

return {

showUploadButton: true

};

},

disableUploadButton(callback) {

this.setState({ showUploadButton: false }, callback);

},

// This was simpler before I started trying everything I could think of

onClickUploadFile() {

if (!this.state.showUploadButton) {

return;

}

this.disableUploadButton(function() {

$.ajax({

[...]

});

});

},

render() {

var uploadButton;

if (this.state.showUploadButton) {

uploadButton = (

Send

);

}

return (

{uploadButton}

);

}

});

我认为发生的事情是状态变量showUploadButton没有立即更新，这是React文档所说的预期。

我如何强制按钮被禁用或在单击按钮时立即消失？