html - 单击后如何禁用按钮？

Question

我正在通过文本字段保存一个值，在单击按钮后，我想禁用该按钮，以便用户无法再次按下它。

我正在使用 React.js 来实现该应用程序。

<button type="button" className="btn btn-info round btn-glow px-2 float-right">Confirm</button>

Answer 1

创建这样的状态

state = {
    btnIsDisable: false
}

在按钮中设置

<button disabled={this.state.btnIsDisable} type="button" className="btn btn-info round btn-glow px-2 float-right">Confirm</button>

在 onClick 处理程序中更改状态

this.setState({btnIsDisable:true});