admin管理员组文章数量:815041
React应用程序:所有三个按钮都被自己单击,如何防止这种情况发生(新来的反应)
这是我调用API的函数:底部是两个自动单击的按钮。任何帮助都是非常有帮助的,因为我是一个初学者,对此做出反应和js
postData = m => {
const config = {
headers: {
"Content-Type": "application/json",
apiRegistrationId: "46",
},
};
const data = {
referenceNumber: "string",
sourceRequestId: m
};
axios
.post(
"",
data,
config
)
.then((data) => {
console.log(data.GatewayUrl);
window.location.href = data.GatewayUrl;
})
.catch((err) => {
console.log(err);
});
}
render() {
return (
<div>
<h1>Donate to the local food shelter</h1>
<button onClick={this.postData(5)}>Donate $5</button>
<button onClick={this.postData(10)}>Donate $10</button>
</div>
);
}
}
export default Home;
回答如下:只需:
<button onClick={() => this.postData(5)}>Donate $5</button>
<button onClick={() => this.postData(10)}>Donate $10</button>
本文标签: React应用程序所有三个按钮都被自己单击,如何防止这种情况发生(新来的反应)
版权声明:本文标题:React应用程序:所有三个按钮都被自己单击,如何防止这种情况发生(新来的反应) 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.betaflare.com/biancheng/1715174315a821948.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论