如何使用 React 在按钮中附加“禁用”属性答案

【问题标题】：How to append "disable" attribute in button using React如何使用 React 在按钮中附加“禁用”属性
【发布时间】：2022-12-22 20:26:29
【问题描述】：

我正在研究 Reactjs/nextjs，我想附加/删除“禁用”属性，我该怎么做？这是我当前的代码

const handleSubmit = (e) => {
    e.preventDefault();
    //Should append "disable" on submit button
    axios
    .post("xxxxxxxxxxxxxxxxxxxxxxxxxxx",data
    )
    .then(function (response) {
       //Should remove "disable" after response
    }
    });
}

<form className="row" id="home_contact_form" onSubmit={handleSubmit}>
<input type="submit" value="send" className="sendbtn" id="sendbtn" />
</form>

【问题讨论】：

这回答了你的问题了吗？ Disabling and enabling a html input button

标签： javascript jquery reactjs next.js

【解决方案1】：

您可以为此作业创建一个布尔状态，最初，调用 handleSubmit 函数时您的状态应该为 false，然后将状态设置为 true，一旦您从 API 获得响应，然后再次将状态更新为 false。

然后你可以简单地在你的输入中使用那个状态

<input type="submit" value="send" className="sendbtn" id="sendbtn" disable={isDisable} />

【讨论】：