antd confirm 如何在请求结束后 关闭确定按钮的loading
在请求结束后,可以使用setState方法来改变确定按钮的loading状态,从而关闭确定按钮的loading。
首先,在组件的state中添加一个loading属性来控制确定按钮的loading状态。例如:
state = {
loading: false
};
然后,在发送请求之前将loading设置为true,表示确定按钮正在加载中。例如:
handleSubmit = () => {
this.setState({ loading: true });
// 发送请求的代码
};
接着,在请求完成后将loading设置为false,表示确定按钮加载完成。例如:
handleSubmit = () => {
this.setState({ loading: true });
// 发送请求的代码
// 请求完成后将 loading 设置为 false
this.setState({ loading: false });
};
最后,在确定按钮的loading属性中使用this.state.loading来动态控制loading状态。例如:
<Popconfirm
title="Are you sure?"
onConfirm={this.handleSubmit}
okButtonProps={{ loading: this.state.loading }}
>
<Button type="primary">Confirm</Button>
</Popconfirm>
这样,在请求结束后,确定按钮的loading状态会改变,从而关闭确定按钮的loading
原文地址: http://www.cveoy.top/t/topic/ilkF 著作权归作者所有。请勿转载和采集!