当点击React中的submit按钮时,在5秒内显示加载指示器的方法可以通过以下步骤实现:
state = {
loading: false
};
setTimeout
函数在5秒后将loading状态设置为false。handleSubmit = () => {
this.setState({ loading: true });
setTimeout(() => {
this.setState({ loading: false });
}, 5000);
};
render() {
const { loading } = this.state;
return (
<div>
{loading && <div className="loading-indicator">加载中...</div>}
<button onClick={this.handleSubmit}>提交</button>
</div>
);
}
.loading-indicator {
display: inline-block;
padding: 5px;
background-color: #f1f1f1;
border: 1px solid #ccc;
}
这样,当点击submit按钮时,加载指示器会在5秒内显示出来,并在5秒后隐藏。
对于这个问题,腾讯云没有特定的产品与之相关,因此无法提供相关产品和链接。
领取专属 10元无门槛券
手把手带您无忧上云